微信小程序登录的简单实现

91 浏览量更新于2023-03-03 2 收藏 274KB PDF 举报

微信小程序实现登录最近一段时间，微信小程序在张小龙的8小时演讲下瞬间火了起来，但是呢没火多久，就迅速沉静下去了，我也是不知道张小龙什么想法，但是我想法挺多的，好了，废话说多了，聊一下正题吧，我呢是刚入行的小程序员，一路上采坑不断，别人遇不到的坑基本上踩了一遍，话说我的运气有时候也确实挺爆炸的，小程序一个小登录送给大家，一、小程序开发前准备目前在网上的教程已经不计其数了，给大家推荐一个网址： //www.jb51.net/article/111566.htm 这里面介绍比较详细，二、小程序登录我先开始的时候在登录就出问题了，因为当时官方给的文档就让人很纠结，因为官方给的文档让人感觉就

微信小程序微信小程序登录的简单实现登录的简单实现

微信小程序微信小程序实现登录实现登录

最近一段时间，微信小程序在张小龙的8小时演讲下瞬间火了起来，但是呢没火多久，就迅速沉静下去了，我也是不知道张小龙什么想法，但是我想法挺多的，好了，废话说多了，

聊一下正题吧，我呢是刚入行的小程序员，一路上采坑不断，别人遇不到的坑基本上踩了一遍，话说我的运气有时候也确实挺爆炸的，小程序一个小登录送给大家，

一、小程序开发前准备一、小程序开发前准备

目前在网上的教程已经不计其数了，给大家推荐一个网址： //www.jb51.net/article/111566.htm 这里面介绍比较详细，

二、小程序登录二、小程序登录

我先开始的时候在登录就出问题了，因为当时官方给的文档就让人很纠结，因为官方给的文档让人感觉就凌乱了，在这里我解释一下，

官方给的流程：官方给的流程：

第一步：获取用户授权信息（每次的授权信息都不一样）

第二部：上代码

wx.request({

url : API_URL,//自己的服务接口地址

method : 'POST',

// 在这里需要格外注意了，所有的post请求header必须是下面的格式不然你又入坑了

header : {'content-type':'application/x-www-form-urlencoded'},

data :

{

iv: res2.iv,

code: code,

encryptedData: res2.encryptedData

success: function (data)

{

// 4.解密成功后获取自己服务器返回的结果

// 解密的sdk在开发文档上搜索-签名加密-然后你阅读后就知道了-下载属于自己语言的解码包

if(data.data.status == 1)

{

var userInfo_ = data.data.userInfo;

}else

{

console.log('解密失败')

}

fail:function()

{

console.log('系统错误')

}

})

他的意思是所有的操作在后台进行，这样相对安全一点，还有一点就是公众号需要的unionId可以通过解密获取到，那样的话就可以在公众号的页面看到你的小程序了，unionId是公众

号和小程序的共用ID，如果你们的项目是需要关联的话那我还是建议你按照官方的走，如果不是的话，下面的方式可以迅速解决你的登录问题

自定义流程：自定义流程：

//app.js

function Login(code,username,img)

{

var that = this

wx.request({

url:HTTP_URL,

data:

{

appid : '你后台获取的appdi',

secret : '你后台获取的secret',

js_code : code,

grant_type : 'authorization_code'

method:'GET',

header:{'content-type': 'application/json'},

success: function (a)

{

var openid = a.data.openid

// 请求自己的服务器

wx.request({

url:API_URL,

data:

{

img : img

openid : openid,

username : username,

success: function(b)

{

// 成功返回用户的唯一ID(这是数据库ID)

console.log(b.data.uid)

// 我这里是把用户返回的ID存到了缓存里因为，我在使用全局变

// 量时候发现有时候引入了js但是还会有丢失找不到的现象

wx.setStorageSync('uid', b.data.uid)

}

})

fail: function ()

{

// 在这里你要考虑到用户登录失败的情况

wx.showToast({

title: '网站正在维护中...',

icon: 'loading',

duration: 10000

});

}

})

}

// 自己服务器的地址

// 注意：开发时可以是http协议，但是如果上线必须申请https协议（也就是SSL协议）协议可以在阿里和腾讯的控制

// 台都可以购买，例子：阿里-管理控制台-安全（云盾）-证书服务，一般用dv免费的就可以了协议申请完后需要补全，

// 补全完毕后下载文件是个压缩包，里面有两个文件，把他们放到你服务器上，然后再配置文件中指明这是ssl协议并

// 且指明路径，这样你就算配置成功了，至于如何配置，网上开源的教程挺多的，nginx有Apache也有如果你

var API_URL = "自己服务器的地址";

// 微信提供的接口地址：这里必须要把https://api.weixin.qq.com这个网址在微信后台安全域名中添加进去否则你会

// 感觉生活是如此的黑暗完全看不到希望

下载后可阅读完整内容，剩余2页未读，立即下载

weixin_38580759

粉丝: 4
资源: 971

微信小程序 登录的简单实现

小程序demo--登录页

微信小程序静默登录的实现代码

微信小程序，会员卡商城

写一个微信小程序登陆界面

帮我写一个微信小程序授权登陆代码

微信小程序开发登陆注册功能

写一个微信小程序的登陆界面

用微信小程序写一个登陆界面的代码

微信小程序的登陆界面怎么写

用python写一个微信小程序的用户登陆

最新资源

微信小程序登录的简单实现