“遇见0和1”小程序正式开源

news2024/11/16 19:43:36

开源地址

https://gitee.com/lingstudy/meet0and1-applets-share

纯云开发：微信小程序 —“遇见0和1”开源发布

关于小程序

小程序前端使用 ColorUI 组件库，并且参考了大佬“爱敲代码的猫” 的开源项目 WeHalo 的页面设计，后端使用小程序纯云开发实现文章、评论、友链等等数据的CRUD。

该小程序已上线，微信搜索小程序“遇见0和1”，或者直接扫描下方小程序二维码即可看到线上版本

特别致谢

ColorUI： https://github.com/weilanwl/ColorUI
WeHalo： https://gitee.com/aquanrun/WeHalo

感谢ColorUI的开发者们，写出了那么漂亮的小程序组件库，感谢“爱敲代码的猫”，开源了非常优秀的WeHalo项目。

小程序页面

关于线上版本

由于小程序后台我使用的纯云开发实现，所以能支撑的数据量等不会太大，也还有一些小bug。

快速开始

1、集合结构

云开发的七个集合（即表，在小程序云开发中称“集合”）：分别存储博客文章、首页轮播图、友链、资源分享、歌单、留言等数据

2、管理员权限

只有管理员才能访问小程序管理后台，编写文章等操作，该小程序的管理员和游客是通过用户的OpenID来区别的，用户的OpenID可通过如下云函数代码轻松获得，部署时在app.js的全局变量中把 adminOpenid 改成你自己的OpenID即可获得管理员权限：

const cloud = require('wx-server-sdk')

cloud.init()

// event 包含了调用端（小程序端）调用该函数时传过来的参数，同时还包含了可以通过 getWXContext 方法获取的用户登录态 `openId` 和小程序 `appId` 信息
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

3、云开发相关设置

在app.js中，要把 env: ‘ling-prod-7gcd7t0d5ffa0b3b’, 这里要改成你自己云开发的环境id；
该小程序共有五个云函数，所有的增删改查都通过其中四个云函数来完成（小程序端调用云函数的同时，传递给云函数要操作的集合名称以及CRUD的条件），其中一个云函数是获取当前用户的OpenID的，部署时要分别右击选择创建并部署：云端安装依赖；
若上一步部署云函数不成功，则需要先执行 npm install 安装一下云开发环境的依赖；