目录

小程序登陆-微信小程序登录-支付宝小程序登录-头条小程序登录

小程序登陆-微信小程序登录-支付宝小程序登录-头条小程序登录

1、先上图

https://i-blog.csdnimg.cn/blog_migrate/0a4f63db813e82ee073bd3281846f1b0.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/a1507203cf3760990ecf36df95549006.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/5be3f0b5712aedb116ed80fab6d12ad0.png#pic_center

2、插件功能

  • 1.支持微信小程序登录,登录成功后取到openId,头像,昵称信息,并保存到用户表,更新前端头像。
  • 2.支持支付宝小程序登录,登录后取到openId,头像,并保存到用户表,更新前端头像。
  • 3.支持头条小程序登陆,登录后取到openId,头像,并保存到用户表,更新前端头像。
  • 4.功能简介,无冗余代码。

安装指引请联系 QQ:2214904953 添加请发消息 小程序登陆。

插件安装配置

1.下载小程序登录插件。
2.关联云空间

https://i-blog.csdnimg.cn/blog_migrate/01fef3f30b231a04c6ec54ef35f6029f.png#pic_center

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

https://i-blog.csdnimg.cn/blog_migrate/02562e09c65358a239d8191c2e091989.png#pic_center

{
    "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": ""      //头条小程序密钥
 }
}     
4上传云函数和公共模块

https://i-blog.csdnimg.cn/blog_migrate/f70833a9b4ca011351ffea6536f66ce1.png#pic_center

5 初始化数据库:

https://i-blog.csdnimg.cn/blog_migrate/fdc935a23811a9b2da7225e504db17e7.png#pic_center

小程序注意事项:

支付宝小程序:

使用支付宝

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

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

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

https://i-blog.csdnimg.cn/blog_migrate/3e4ff3d9125bd66a3b54b465464f0e2b.png#pic_center

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

https://i-blog.csdnimg.cn/blog_migrate/8cbe516ae6e90846be2a80cab4d65410.png#pic_center

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

服务提供商request合法域名uploadFile合法域名download合法域名
阿里云api.bspapp.combsppub.oss-cn-shanghai.aliyuncs.com需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到
腾讯云tcb-api.tencentcloudapi.comcos.ap-shanghai.myqcloud.com需要从云存储下载文件的时候才需要配置,不同服务空间域名不同,可以在web控制台查看文件详情里面看到
如果需要用uni.request请求云存储内的文件,需要将云存储域名(即上表中的download合法域名)配置到request合法域名内

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

https://i-blog.csdnimg.cn/blog_migrate/b2775601df425f31864e6662bbc667a1.png#pic_center

微信小程序:

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

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

https://i-blog.csdnimg.cn/blog_migrate/79cac19ab03054f3bb243dbe2f73b0d6.png#pic_center

头条小程序:

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

https://i-blog.csdnimg.cn/blog_migrate/3de629f1f4ad20a6d34291c72708d488.png#pic_center

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

源码

作者相关文章