更新记录

1.0.5(2022-08-21)

代码优化

1.0.4(2022-08-20)

1.优化代码

1.0.3(2021-08-17)

更新代码

查看更多

平台兼容性

阿里云 腾讯云 支付宝云
× ×
Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.18 × × × × 2.10.1.5 ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


插件简介:

插件功能:

1.支持微信小程序登录,登录成功后取到openId,头像,昵称信息,并保存到用户表,更新前端头像。

2.支持支付宝小程序登录,登录后取到openId,头像,并保存到用户表,更新前端头像。

3.支持头条小程序登陆,登录后取到openId,头像,并保存到用户表,更新前端头像。

4.功能简单,无冗余代码。

安装指引请联系 QQ:420001669 添加请发消息mp-login。

预览效果:

image-20210805120247887

image-20210805121233486

插件安装配置

1.下载小程序登录插件。

2.关联云空间

image-20210805114615919

3.修改插件配置,添加微信小程序的和支付宝小程序的配置信息:

image-20210805113911793

{
    "mpWeiXinConfig":{
        "app_id":"",     //设置微信小程序appid
        "private_key":""   //设置微信小程序密钥
    },
    "mpAlipayConfig":{
        "app_id":"2021002163661399",     //设置支付宝小程序appid
         //1.设置小程序的密钥,密钥前需加 "-----BEGIN RSA PRIVATE KEY-----\n"
     //2.密钥后缀“\n-----END RSA PRIVATE KEY-----”
        "private_key":"-----BEGIN RSA PRIVATE KEY-----\n复制密钥到这里\n-----END RSA PRIVATE KEY-----"  
},
"mpTouTiaoConfig": {
    "app_id": "",          //设置头条小程序appid
    "private_key": ""      //头条小程序密钥
 }
}     
  1. 上传云函数和公共模块

    image-20210805114832354

4.初始化数据库:

image-20210805114920037

小程序注意事项:

支付宝小程序:

使用支付宝

1.登录支付宝开发者中心:https://open.alipay.com/platform/home.htm。

2.按照支付宝平台的指引创建小程序。

3.使用小程序的密钥工具在线地址:https://miniu.alipay.com/keytool/create,选择RSA2和PCS1,并生成小程序的私钥和公钥,保存密钥。公钥用来设置接口加签方式;私钥配置小程序的代码时使用。

image-20210805111902833

4.打开小程序开发设置,设置加签的方式和服务端网址。拷贝公钥设置接口加签方式。

image-20210805110412755

下表的域名均为阿里云或腾讯云自有域名,并非DCloud所属域名。

服务提供商 request合法域名 uploadFile合法域名 download合法域名|
阿里云 api.bspapp.com bsppub.oss-cn-shanghai.aliyuncs.com 需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到
腾讯云 tcb-api.tencentcloudapi.com cos.ap-shanghai.myqcloud.com 需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到

如果需要用uni.request请求云存储内的文件,需要将云存储域名(即上表中的download合法域名)配置到request合法域名内

4.添加小程序获取会员信息能力,并确认能力已经生效。

image-20210805110237450

微信小程序:

1.登录微信公众平台:https://mp.weixin.qq.com/

2.打开小程序的开发设置tab页,获取应用的appId和小程序密钥:

image-20210805105105790

头条小程序:

1.创建头条小程序后,配置后端的域名和本地调试的地址:

image-20210811112448028

2.进行本地调试时,需要打开头条小程序开发工具“详情-->工具配置”,勾选不校验合法域名。

image-20210811113829623

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问