何为微信登录 官方文档如是说：小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。换句话说就是让用户在咱们小程序的用户 id 和用户的微信 open_id 相关联。这样用户访问时，我们可以通过获取用户的 open_id，从而知道用户在我们平台的 id。这样用户就可以不用输入账号密码去登录自己的账号了。 登录流程 整个登录流程官方文档中也给了一个时序图，如下： 需要解释的是，开发者服务器就是咱们的后端服务。所以要在微信小程序中实现用户微信快捷登录，需要前后端的配合完成（全栈开发除外）。前端侧主要完成的过程是图中的 1，2，6，7 四个步骤。 具体实现 有了上边的时序图，我们完成登录逻辑其实就比较简单了，照着流程做就是了。第一步当然是要拥有一个微信小程序项目，笔者使用了 uni-app 初始化的项目，还没有生成项目的小伙伴可以移步我的另一篇博客： [uni-app 开发小程序系列-...

2020 年 12 月，QCon 全球软件大会 2020·上海站上阿里巴巴张舒迪（圣司）分享了《阿里跨端技术演进中的实践与思考》，他从跨端技术背景及演进历程、阿里跨端业务现状及思考、跨端技术方向思路演进以及对跨端技术未来展望这四个方面进行了深入的分析，从实践出发为跨端技术开发者带来更多思考方向。本文根据此次分享整理。

一、背景 网页开发，渲染线程和脚本是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应的原因，本质就是我们常说的 JS 是单线程的 而在小程序中，选择了 Hybrid 的渲染方式，将视图层和逻辑层是分开的，双线程同时运行，视图层的界面使用 WebView 进行渲染，逻辑层运行在 JSCore 中 渲染层：界面渲染相关的任务全都在 WebView 线程里执行。一个小程序存在多个界面，所以渲染层存在多个 WebView 线程 逻辑层：采用 JsCore 线程运行 JS 脚本，在这个环境下执行的都是有关小程序业务逻辑的代码 二、通信 小程序在渲染层，宿主环境会把 wxml 转化成对应的 JS 对象 在逻辑层发生数据变更的时候，通过宿主环境提供的 setData 方法把数据从逻辑层传递到渲染层，再

一、前言 微信小程序为电商类小程序，提供了非常完善、优秀、安全的支付功能 在小程序内可调用微信的 API 完成支付功能，方便、快捷 场景如下图所示： 用户通过分享或扫描二维码进入商户小程序，用户选择购买，完成选购流程 调起微信支付控件，用户开始输入支付密码 密码验证通过，支付成功。商户后台得到支付成功的通知 返回商户小程序，显示购买成功 微信支付公众号下发支付凭证 二、流程 以电商小程序为例 支付流程图如下所示： ![e4c2aea23b9040149c7c29ce26e5e987](https://static.deve

一、背景 在中大型的公司里，人员的分工非常仔细，一般会有不同岗位角色的员工同时参与同一个小程序项目。为此，小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作 以往我们在开发完网页之后，需要把网页的代码和资源放在服务器上，让用户通过互联网来访问 在小程序的平台里，开发者完成开发之后，需要在开发者工具提交小程序的代码包，然后在小程序后台发布小程序 二、流程 关于发布的流程，主要分成了三个部分： 上传代码 提交审核 发布版本 上传代码 在开发者工具中，可以点击代码上传功能： ![6e5a1ff2

一、是什么 小程序启动会常常遇到如下图场景： 这是因为，小程序首次启动前，微信会在小程序启动前为小程序准备好通用的运行环境，如运行中的县城和一些基础库的初始化 然后才开始进入启动状态，展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。此时，微信会在背后完成几项工作： 下载小程序代码包 加载小程序代码包 初始化小程序首页 下载到的小程序代码包不是小程序的源代码，而是编译、压缩、打包之后的代码包 整体流程如下图： 二、手段 围绕上图小程序的启动流程， 我们可以从加载、渲染两个纬度进行切入： 加载 提升

一、是什么 微信小程序拥有 web 网页和 Application 共同的特征，我们的页面都不是孤立存在的，而是通过和其他页面进行交互，来共同完成系统的功能 在微信小程序中，每个页面可以看成是一个 pageModel ， pageModel 全部以栈的形式进行管理 二、有哪些 常见的微信小程序页面跳转方式有如下： wx.navigateTo(Object) wx.redirectTo(Object) wx.switchTab(Object) wx.navigateBack(Object) wx.reLaunch(Object) wx.navigateTo(Object) wx.navigateTo() 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面 对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo 进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用 参数表如下所示： ![75522d10b6134d3191535682

一、背景 传统的 web 开发实现登陆功能，一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录 服务端校验用户信息通过之后，下发一个代表登录态的 token 给客户端，以便进行后续的交互,每当 token 过期，用户都需要重新登录 而在微信小程序中，可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系，从而实现登陆功能 实现小程序用户体系主要涉及到 openid 和 code 的概念： 调用 wx.login() 方法会生成 code ，将 code 作为参数传递给微信服务器指定接口，就可以获取用户的 openid 对于每个小程序，微信都会将用户的微信 ID 映射出一个小程序 openid ，作为这个用户在这个小程序的唯一标识 二、流程 微信小程序登陆具体实现的逻辑如下图所示：

一、是什么 跟 vue 、 react 框架一样，微信小程序框架也存在生命周期，实质也是一堆会在特定时期执行的函数 小程序中，生命周期主要分成了三部分： 应用的生命周期 页面的生命周期 组件的生命周期 应用的生命周期 小程序的生命周期函数是在 app.js 里面调用的，通过 App(Object) 函数用来注册一个小程序，指定其小程序的生命周期回调 页面的生命周期 页面生命周期函数就是当你每进入/切换到一个新的页面的时候，就会调用的生命周期函数，同样通过 App(Object) 函数用来注册一个页面 组件的生命周期 组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发，通过 Component(Object) 进行注册组件 二、有哪些 应用的生命周期 | 生命周期 | 说明 | | --------------------- | --------

一、是什么 2017年，微信正式推出了小程序，允许外部开发者在微信内部运行自己的代码，开展业务 截至目前，小程序已经成为国内前端的一个重要业务，跟 Web 和手机 App 有着同等的重要性 小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用 也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载 注意的是，除了微信小程序，还有百度小程序、微信小程序、支付宝小程序、抖音小程序，都是每个平台自己开发的，都是有针对性平台的应用程序 二、背景 ⼩程序并⾮凭空冒出来的⼀个概念，当微信中的 WebView 逐渐成为移动 Web 的⼀个重要⼊⼝时，微信就有相关的 JS-SDK JS-SDK 解决了移动⽹⻚能⼒不⾜的问题，通过暴露微信...