网站开发

微信网页授权登录是非常常用的功能，为了帮助大家学习。这篇文章主要介绍了ajax 实现微信网页授权登录的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 项目背景 因为项目采用前后端完全分离方案，所以，无法使用常规的微信授权登录作法，需要采用 ajax 实现微信授权登录。 需求分析 因为本人是一个phper ，所以，微信开发采用的是 EasyWeChat ，所以实现的方式是基于EW的。 其实实现这个也麻烦，在实现之前，我们需要了解一下微信授权的整个流程。 引导用户进入授权页面同意授权，获取code 通过code换取网页授权access_token（与基础支持中的access_token不同） 如果需要，开发者可以刷新网页授权access_token，避免过期 通过网页授权access_token和openid获取用户基本信息（支持UnionID机制） 其实说白了，前端只需要干一件事儿，引导用户发起微信授权页面,然后得到code,然后跳转到当前页面,然后再请求后端换取用户以及其他相关信息。 功能实现 引导用户唤起微信授权确认页面 这里需要我们做两件事，第一去配置jsapi域名，第二配置微信网页授权的回调域名 构建微信授权的url “https://open.weixin.qq.com/connect/oauth2/authorize?appid=” + appId + “&redirect_uri=” + location.href.split(‘#’)[0]…

在微信官方的文档中，我们看到这样一句话： 在 iphone 6 上，屏幕宽度为 375px，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素，1rpx = 0.5px = 1 物理像素。开发微信小程序时设计师可以用 iphone 6 作为视觉稿的标准。也就是说，设计师在设计小程序时，可以这样做： 直接以 iPhone 6 的屏幕尺寸（375×667）用作视觉稿尺寸，1 px =…

这篇文章主要介绍了微信小程序中使用promise进行异步流程处理的实例详解的相关资料,这里详细说明该如何使用promise 来进行异步流程的处理，提供具体实现步骤，需要的朋友可以参考下 微信小程序中使用Promise进行异步流程处理的实例详解 我们知道，JavaScript是单进程执行的，同步操作会对程序的执行进行阻塞处理。比如在浏览器页面程序中，如果一段同步的代码需要执行很长时间（比如一个很大的循环操作），则页面会产生卡死的现象。 所以，在JavaScript中，提供了一些异步特性，为程序提供了性能和体验上的益处，比如可以将代码放到setTimeout()中执行；或者在网页中，我们使用Ajax的方式向服务器端做异步数据请求。这些异步的代码不会阻塞当前的界面主进程，界面还是可以灵活的进行操作，等到异步代码执行完成，再做相应的处理。 一段典型的异步代码类似这样： function asyncFunc(callback) {  setTimeout(function () {   //在这里写你的逻辑代码   //...   //逻辑代码结束，执行一个回调函数   callback();  }, 5000); } 登录后复制 或者： function getAccountInfo(callback, errorCallback) {  wx.request({   url: '/accounts/12345',   success: function (res) {    //...    callback(data);   },   fail: function (res) {    //...    errorCallback(data);   }  });…

本篇文章给大家带来的内容是关于微信小程序如何调用后台service（图文教程），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 写在前头，本篇文章简单记录一下，在前后端分离的微信小程序应用中，前端访问后台service的实现思路，没有过多涉及技术实现方面。 先上一张官网的图片，它很清楚的讲明了要在后台service为每一个小程序用户提供登录信息需要做哪些事情。用户拿到了后台给的登录凭据，访问后台service。 静默授权与非静默授权 先来讲讲这两个概念，静默授权，顾名思义，这授权动作对于用户来说是感知不到的，小程序端悄咪咪得就做了。因此，没有知会用户的授权方式拿到的信息也是不太重要的。但是，静默授权是开始重要的一步，因为它为接下来的动作提供了code。调用静默授权可用小程序提供的API:wx.login()。再来讲讲非静默授权，顾名思义，它的授权是要有明显动静的，而且它是要得到用户认可才可以执行。API:wx.getUserInfo()，这个接口要不要用可根据小程序的实际需求来。 后台获取openId 小程序提供了一个接口code2session，拿着我们静默授权获取到的临时登录凭证code再调用一下这个接口就能获取到openId了。openId是在当前小程序中对用户唯一性的标识。注意，这一步是在后台服务器做的，我们参考一下官网的文档（后端API）就会更清楚了。它说： 后端API不能直接在小程序内通过wx.request调用，即api.weixin.qq.com不能被配置为服务器域名。 但是我们会有疑问，我们在自己开发的时候，在小程序端调用是success的，和官网说的并不一样。如果你碰到和我一样的疑问可以看看这个（重点在4.4.2服务器接口）。 基于OAuth2.0生成token 在后台，可以用SpringSecurity的OAuth2.0这一个工具，用openId来生成前端请求后端数据的附带校验信息token。具体是如何实现的笔者也没有深入了解……获取到了这个token后，前端可将其存入webStorage中，每一次调用后台service的时候，就可以利用请求的拦截器在config参数中加入token。后端就可以确定发送请求的用户身份，保证了系统的安全性。 总结：以上大致描绘了小程序后台自定义登录态的开发思路。 本文参考：微信小程序开发基础教程 https://www.html.cn/study/20.html 以上就是微信小程序如何调用后台service（图文教程）的详细内容，更多请关注米云其它相关文章！