微信原生小程序+云开发（serverless）

柔情只为你懂 2022-12-22 11:12 196阅读 0赞

## 什么是云开发？ ##

serverless = server + less (无服务器或者少服务器)

## 云开发为什么会出现（因为钱） ##

之前想要让一个项目上线，需要很多事项  
https:// 需要购买证书，正经的一些证书（通配型\*）。申请到免费的，一年一续。  
nginx，apache  
python，php，nodejs，asp  
cdn（预付费机制），带宽，几核CPU，多大内存  
都需要花钱买

而云开发的出现--------省钱，省时间，省人力…

不再区分前后端，而是以业务分。只需要实现业务逻辑部分即可，后台的繁琐配置由云帮我们实现。

## 如何开启云开发 ##

必须注册微信小程序，不能使用测试号

## 云开发注意事项 ##

免费额度，云开发管理后台  
免费的支持日活过千没问题

## 老项目改为云开发 ##

添加下面两个配置即可，分别指定小程序目录和云盘数目录  
![在这里插入图片描述][20201211112303512.png]

## 云开发使用 ##

**1、微信开发者工具选择小程序云开发**  
**2、点击顶部云开发打开管理后台，没有开通的需要开通**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70]  
选择资源均衡型免费开通  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 1]  
然后即可跳入管理后台页面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 2]  
管理后台使用的是mongoDB数据库  
**3、点击cloudfunctions选择一个创建好的云环境**  
**4、右击cloudfunctions创建nodejs云函数（这儿以获取微信步数为例）**  
编写云函数，其中event即我们传过来的参数

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => { 
      const wxContext = cloud.getWXContext()
      const { werundata} = event
      return { 
        werundata
      }
    }

右击先进行本地调试，也可直接在命令行中执行nodejs代码进行调试  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 3]

因为引入了部分依赖，安装依赖，使用的是npm管理器，右击在外部终端窗口中打开，正常安装即可  
右击上传并部署到云环境，管理后台点击云函数即可看到刚刚上传的云函数  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 4]  
页面内容编写

getWeiRunData:function(){ 
        wx.getWeRunData({ 
          success: (result) => { 
            console.log(result)
            wx.cloud.callFunction({ 
              name:"getweirun",
              data:{ 
                werundata:wx.cloud.CloudID(result.cloudID)//即event接收到的内容
              },
              success:(res)=>{ 
                console.log(res)
              }
            })
          },
        })
      }

wx.getWeRunData获取到的数据为加密数据  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 5]  
最终获取到的结果，这儿之所以不需要加密是因为本身就用的微信云函数，而微信里面的数据也存在云服务器内部，直接获取即可。若用其他后台语言去实现，则需要授权解密等相关步骤。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 6]  
**5、创建数据库，建立连接，存储数据**  
[数据库操作文档][Link 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 7]

const db = cloud.database()
    //连接数据库,添加数据
    db.collection('books').add({ 
      data:{ }
    })
    //获取查询数据
    try { 
      return await db.collection('books').where({ 按需查找}).get()
    } catch (e) { 
      console.error(e)
    }

保存成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 8]  
设置索引主键，防止数据重复提交  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 9]  
记得修改权限，让所有用户可读，否则无法获取数据  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 10]  
https://nodersurvey.github.io/reporters/  
https://juejin.cn/post/6895217723476738061

[20201211112303512.png]: /images/20221120/4320d1a6ca3f436c9b38e44253b7fe8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70]: /images/20221120/715c14f20ca444658359cd285a585622.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 1]: /images/20221120/62647b998a7245428fdfcc8a15b8d40e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 2]: /images/20221120/b4a8aa028d20431aa6b91c3677adbfec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 3]: /images/20221120/da6685fb65d04ab8b7bcc3d446b83a5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 4]: /images/20221120/90c1731e9fbb48eb86b0b732cb0bf404.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 5]: /images/20221120/4f0a368b88e64190956aab56e2c574f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 6]: /images/20221120/f81d321beb314467a6dbbba986365772.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 7]: /images/20221120/2023fa99807244a5b61303c67ea4a260.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 8]: /images/20221120/f40d8ba4059b4179b26f0b0a376be3ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 9]: /images/20221120/e2b371f3df4e487590151934997a9e17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 10]: /images/20221120/da3be03aefcb43759ce3e7ad724d1241.png