当前位置:首页 > 开店攻略 > 微信经验

微信小程序之登录开发

关注人数:50 发布时间:2021-12-31 17:07:05

api } },fail:function{console.log("启用wx.login函数,失败!"); },complete:function{console.log("已启用wx.login函数"); } }); } }) }else{console.log('获取用户登录态失败!'+res.errmsg) } },fail:function{console.log("启用wx.login函数,失败!"); },complete:function{console.log("已启用wx.login函数"); } }); } })// 使用wx.getuserinfo获取用户信息wx.getuserinfo({success:function(res) {utils.log(res); },fail:function{console.log("启用app.getuserinfo函数,失败!"); },complete:function{console.log("已启用app.getuserinfo函数"); });

微信小程序

比如你写了一个库,里面有很多函数,如果别人要使用你这个库,但是并不知道每个函数内部是怎么实现的。使用的人需要看你的文档或者注释才知道这个函数的入口参数和返回值或者这个函数是用来做什么的。对于用户来说 ,你的这些函数就是api。api(application programming interface应用程序编程接口) 是一些预先定义好的函数,目的是提供应用程序以及开发人员基于某软件或硬件得以访问一组例程的能力。

把某些功能封装好,方便其他人调用。调用的人可以很方便使用这些功能,并且可以不需要知道这些功能的具体实现过程。接api就是按照作者规定的流程去调用这些功能。

api 是一套协议,规定了我们与外界的沟通方式:如何发送请求和接收响应。

https://apizza.net/pro/#/ 接口协作管理工具

微信小程序之登录

第一步:获取登录态code

微信登录部分,首先需要使用微信小程序的api—— wx.login(object)来获取登录态

这个登录态的作用是为了获取用户的openid(用户的唯*标识);

示例

js部分:

//调用登录

wx.login({success:function(res) {console.log(res);if(res.code) {//发起网络请求//dosomething}else{console.log('获取用户登录态失败!'+res.errmsg) } },fail:function{console.log("启用wx.login函数,失败!"); },complete:function{console.log("已启用wx.login函数"); } });

第二步:将登录态code发送给第三方服务器(即自家的服务器)

示例

把wx.login获取到的res.code返回值,直接以参数的形式,发起网络请求发送登录态给自家服务器

js部分:

//调用登录

wx.login({success:function(res) {console.log(res);if(res.code) {//就是在这里发起网络请求,使用wx.request,将登录态发送给自家的服务器上wx.request({url:'https://test.com/onlogin',data: {code:res.code},method:'post',header: {'content-type':'application/json'},success:function(data){ } }) }else{console.log('获取用户登录态失败!'+res.errmsg) } },fail:function{console.log("启用wx.login函数,失败!"); },complete:function{console.log("已启用wx.login函数"); } });

第三步:客户端保存收到后台同事返回的3rd_session

将后台返回的3rd_session存入缓存中。

第四步:获取用户信息

相关连接:https://mp.weixin.qq.com/debug/wxadoc/dev/api/open.html

接上示例:

js部分:

wx.login({success:function(res) {console.log(res);if(res.code) {wx.request({url:'https://test.com/onlogin',data: {code:res.code},method:'post',header: {'content-type':'application/json'},success:function(data){console.log(data) } })// 使用wx.getuserinfo获取用户信息wx.getuserinfo({success:function(res) {utils.log(res); },fail:function{console.log("启用app.getuserinfo函数,失败!"); },complete:function{console.log("已启用app.getuserinfo函数"); });

第五步:登录态维护

通过上面四步,就可成功登录微信小程序了,但是还需要做登录维护。

也就是说,登录小程序后,然后又退出该小程序了。在一段时间内,再次进入该小程序,视为有效登陆,如果超出指定的时间,则视为无效登陆,需要重新登陆

微信小程序

新手开店攻略

微信小程序相比app有什么优势

小程序是微信生态发展中的一种新的应用形式。小程序的小尺寸说明它不会很大,但可以满足一些功能相对简单、交互相对简单的服务需求。同时长期解决了app多平台适配、多应用市场分布、开发成本高等诸多问题。

小的反义词是大,小程序的缺点是无法实现功能相对复杂、交互复杂的重服务,导致小程序开发的应用范围有限,同时游戏性和规则必须服从微信。

如何升级或提高微信小程序的基本版本号

这可以通过开发直接修改

一般在前端展示,技术由客户实现。

微信小程序和h5网页有什么区别

首先是运营环境的差异。

第二是开发成本的差异。

第三是获取系统级权限的不同。

猜你喜欢

  • 微信小程序也在清理假货

    微信小程序也在清理假货92人喜欢

    微信已永久移除875个“山寨及类似”小程序,用户或企业可在微信公众平台和微信客户端门户网站投诉。1月18日,微信今日宣布永久移除875个“假冒及类似”小程序,并在注册和审核渠道进行限制。此外…

    更新时间:2021-05-12 13:59:27

  • 微信小程序成售假新阵地

    微信小程序成售假新阵地40人喜欢

    微信小程序成了卖假货的新阵地通过展示商品来引导顾客和店主。微信号律师表示,严重销售将触犯刑法微信最近打击了假小程序,永久移除了875个假小程序。然而,北青报记者发现,仍有一些小节目在打…

    更新时间:2021-05-12 13:55:32