微信小程序将在2017年1月9日正式上线，目前个人不能注册小程序，如果我们要向体验小程序开发过程可以使用微信开发工具进行体验。

首先在微信提供的网站下载开发工具：
安装完成后，打开开发工具，将会要求扫码进入，如图1所示。

登录后，将会进入开发工具主界面，如图2所示。

我们选择【本地小程序项目】，选择【添加项目】如图3所示。

添加项目后，选择【编辑】，将会在开发工具中看到图5所示界面。

创建小程序项目后，开发工具在根目录（项目路径）中有三个主体文件app.js、app.json、app.wxss和两个文件夹pages、utils。
（1）app.js ：是程序主入口的脚本文件（小程序逻辑）；
（2）app.json ：是全局配置文件（小程序公共设置）；
（3）app.wxss ：是小程序的样式表文件（小程序公共样式表）；
（4）pages：所有的页面都在 pages 文件夹中（小程序页面）；
（5）utils：存放全局的一些.js文件，公共用到的一些事件处理代码文件可以放到该文件夹下，用于全局调用。
一个小程序主体部分由三个文件组成，必须放在项目的根目录下面。小程序的所有页面放置在pages文件夹中，且每个页面占据一个子文件夹，并由四个文件组成，分别是index.js（页面逻辑）、index.json（页面配置）、index.wxml（页面结构）和index.wxss（页面样式表）。

注意：四个文件名必须和子文件夹一致

在演示项目中，工具自动生成了两个页面，分别是首页面和日志页面。

使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

这个配置文件中定义了两个节点，【pages】和【window】， pages 是小程序的所有页面对应的路径， window 是小程序窗口的配置信息。

pahes文件夹中结构如图6所示。

对应于首页面的一张图片和一句问候语，如图7所示。

logs 和 index 的页面的基本思路都是一样。 开发完小程序后，我们怎么部署呢？ 切换到项目选项卡，然后点击上传按钮即可。

由于我的环境没有内测账号，所以在上传区域显示的是项目未关联 AppID， 如果有了测试账号，就会显示你的 AppID 了。 目前只有内测账号才能够上传小程序。这就是唯一的差别了。没有内测账号只是不能上传，但完全可以在本地开发和测试。

微信小程序开始云小程序，第一步：

新建云开发模板。新建项目选择一个空目录temple（如下图）。

点击微信开发者工具的项目-新建项目

点击新建项目后会出现如下界面：

目录路径选择图一，桌面的temple空文件夹；AppID选择自己小程序的AppID（AppID查看在微信公众平台-小程序的设置-基本设置那里，拉到基本设置页尾的账号信息）；点选小程序云开发。

以上步骤具备后，点击第三图的新建按键，即可新建云小程序。新建后如下图：

接着是开通云开发、创建环境。点击上图工具栏的云开发按键，即可开通云开发了。

点击云开发按键后，弹出云开发控制台，在云开发控制台点击设置-创建新环境，如下图，在环境名称那里填上自己心仪的名称，我的是dexter。

至此，一个云小程序创建完成，界面应当如下：

让用户登录，标识用户和获取用户信息，以用户为核心提供服务，是大部分小程序都会做的事情。我们今天就来了解下在小程序中，如何做用户登录，以及如何去维护这个登录后的会话（Session）状态。

在微信小程序中，我们大致会涉及到以下三类登录方式：

•  自有的账号注册和登录；
• 使用其他第三方平台账号登录；
• 使用微信账号登录（即直接使用当前已登录的微信账号来作为小程序的用户进行登录）。

第一和第二种方式是目前Web应用中最常见的两种方式，在微信小程序中同样可以使用，但是需要值的注意的是，小程序中没有COOKIE的机制，所以在使用这2种方式前，请确认你们或第三方的API是否需要依赖COOKIE；还有小程序中也不支持HTML页面，那些需要使用页面重定向来进行登录的第三方API就需要改造，或不能用了。

我们今天主要来讨论一下第三种方式，即如何使用微信账号进行登录，因为这种方式和微信平台结合最紧密，用户体验比较好。

引用小程序官方文档的登录流程图，整个登录流程基本如下图所示：

该图中，“小程序”指的就是我们使用小程序框架写的代码部分，“第三方服务器”一般就是我们自己的后台服务程序，“微信服务器”是微信官方的API服务器。

下面我们来逐步分解一下这个流程图。

步骤一：在客户端获取当前登录微信用户的登录凭证(code)

在小程序中登录的第一步，就是先获取登录凭证。我们可以使用/sns/jscode2session 

从这几个参数，我们可以看出，要请求这个接口必须先调用f 设置默认字符集编码及服务端编码格式

设置完默认字符集编码及服务端字符集编码，如果是对已经存在的表和字段进行编码转换，需要执行下面几个步骤：

设置数据库字符集为 utf8mb4

设置数据表字符集为 utf8mb4

设置数据列字段字符集为 utf8mb4

2.通过使用sequelize对emoji字符进行编码入库，使用时再进行解码

附：后台代码（tp5）

到此这篇关于微信小程序用户登录和登录态维护的实现的文章就介绍到这了,更多相关小程序用户登录和登录态维护内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！