uniapp实现公众号H5、小程序和App微信授权登录功能

本文介绍在使用uniapp开发的H5、小程序和App中使用微信授权登录的方法。
由于微信的公众号、小程序和App是相对独立的体系，同一个用户在这些不同的端中授权所返回的openid是不一样的，这个时候就必须在微信开放平台注册账号，并把对应的公众号、小程序和移动应用绑定上去，在授权的时候就能返回一个unionid了，这样就可以在后台识别到是同一个用户了。
前期要准备的工作：
1、申请公众号、小程序和微信开放平台，并拿到对应平台的appid和secret；
2、H5网页授权还要在公众号后台设置网页授权域名；
3、小程序的接口域名必须启用https，且要设置request、download合法域名等；
4、App必须在微信开放平台申请应用并绑定。
上述工作准备好后，就可以开干了！
一、H5网页授权
1、授权按钮

// official.vue
<u-button class="button" type="success" @click="getWeChatCode">立即授权</u-button>

2、js代码

// official.vue
onLoad(options) {
    if (options.scope) {
        this.scope = options.scope
    }
    if (this.$wechat && this.$wechat.isWechat()) {
        uni.setStorageSync('scope', this.scope)
    let

uniapp实现公众号H5、小程序和App微信授权登录功能相关推荐

crmebpro公众号+H5+小程序+PC+APP+DIY自由设计+多门店
系统简介基于ThinkPhp6.0+uniapp 开发的一套CRMEB新零售商城系统. CRMEB系统就是集客户关系管理+营销电商系统,能够真正帮助企业基于微信公众号.小程序.wap.pc等,实现会 ...
公众号h5和pc端实现微信授权登录
公众号h5登录 ①.需要在微信公众平台配置好回调域名 ②.点击微信登录执行的操作 methods: {getWeChatCode() {try {const value = uni.getStorag ...
小狐狸ChatGPT付费创作系统1.6.8独立开源版 + 公众号H5+小程序+VUE源码安装配置详细教程
小狐狸GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序,是基于国外很火的ChatGPT进行开发的Ai智能问答小程序.接口模型升级至GTP3.5,播播资源网整体测试下来非常 ...
公众号、小程序、App对比分析
本文主要从功能.开发.推广.体验等多个维度对公众号.小程序.App做了对比,如下图: 1.公众号:面向营销与消息传递,适合频次低,粘性不高场景服务. a)优势: i.H5开发,支持跨平台,无适配问题, ...
腾讯系:微信，公众号，小程序，企业微信开发知识概括
腾讯系:公众号,小程序,企业微信等等开发知识概括企业微信公众号小程序微信开放平台总结企业微信第三方应用开发(sass服务商): 概述:第三方应用接口旨在方便企业微信管理员通过简单的操作来 ...
私域流量对比：微信公众号、小程序、APP，谁更有价值？
在数字化时代,流量已经成为了互联网企业最重要的资源之一.而对于企业来说,获取到流量只是第一步,如何将流量转化为价值才是最终目的.对于私域流量的获取和转化,微信公众号.小程序和APP是目前最常见的三种方 ...
Bwsaas框架基于Thinkphp6.x开发的微信公众号，小程序，app，H5等多端打通的框架
完善bwsaas框架并开源原生小程序商业版本前端应用新增 1插件安装升级,安装平台系统插件(type=admin_system)时可同时添加多个角色组(平台系统功能+租户系统功能),需要在group ...
uniapp 公众号打开小程序，app打开小程序，小程序打开其他小程序
(公众号打开小程序) 第一步->进入项目目录: npm install jweixin-module --save 第二步->在要调用得页面里面 import jweixin from ' ...
微信公众号开发系统入门教程之公众号与小程序、APP的区别
一.概述 APP.公众号.小程序,这是现在最流行且实用的三类系统.最近准备给我们公司开发一个微信公众号,我昨天对微信公众号做了一个细致的了解,现在我就来和大家说一说他们的区别联系. 先说一下公众号与A ...
微信公众号发送小程序卡片_微信公众号群发文章支持添加小程序卡片
2017年4月20日微信发布公告称,微信公众平号群发文章支持添加小程序功能,这对于推广小程序来说,无疑是不错的途径.那么微信公众号群发文章怎么添加小程序?下面爱站技术频道的小编带来的详细教程. 微信公 ...

uniapp实现公众号H5、小程序和App微信授权登录功能

uniapp实现公众号H5、小程序和App微信授权登录功能相关推荐

最新文章

热门文章