一、概述

微信小程序是一种基于微信渠道的运用程序,用户能够在微信中直接运用这些小程序,无需下载和装置,具有轻便、快速、有用等特点。

  • 微信小程序通常能够供给各种服务和功用,例如购物、预订、交际、游戏等等。开发者能够运用微信小程序开发工具进行开发,并上传至微信渠道发布。用户能够经过微信内置的小程序搜索或扫描二维码进入小程序,也能够经过共享链接进入。

  • 微信小程序能够在微信中运用,无需翻开其他运用程序,也无需下载和装置,因而具有快捷、快速、节省手机存储空间等优势。另外,微信小程序也支撑各种运用场景,如公共交通、旅行景区、餐饮服务等等。

总之,微信小程序是一个十分有用的工具,它供给了各种便利的服务和功用,一起也为开发者供给了一个快捷的开发渠道。

【小程序】微信小程序开发流程

要做微信小程序开发需求几个前提条件:

  1. 注册一个微信小程序账号,假如觉得太费事,能够去某宝找人帮你注册一个。
  2. 装置开发工具

官方地址:mp.weixin.qq.com/ 官方文档地址:developers.weixin.qq.com/miniprogram…

二、全体开发架构

首要分为两块:一部分便是微信小程序端也便是前端,可是也供给了云端开发;一部分便是后端,后端会连着各种外部资源。其实跟其它非小程序开发流程是一样的。

【小程序】微信小程序开发流程

三、注册账号和装置开发工具

1)注册账号

开发小程序的第一步,你需求拥有一个小程序帐号,经过这个帐号你就能够办理你的小程序。

1、注册办法

在微信大众渠道官网主页(mp.weixin.qq.com/)点击右上角的“当即注册”按钮。

【小程序】微信小程序开发流程

2、挑选注册的帐号类型

挑选“小程序”,点击“检查类型差异”可检查不同类型帐号的差异和优势。

【小程序】微信小程序开发流程

3、填写邮箱和暗码

请填写未注册过大众渠道、敞开渠道、企业号、未绑定个人号的邮箱。

【小程序】微信小程序开发流程

【温馨提示】在填写小程序注册信息之前,需求先注册一个邮箱,其中每个邮箱只能恳求一个小程序。并且,现已绑定了其他的大众号、小程序、个人号的邮箱,不能重新注册新的小程序。

4、激活邮箱

点击“注册”之后,跳转到邮箱激活页,激活账号,继续注册流程。

【小程序】微信小程序开发流程

5、填写主体信息

点击激活链接后,继续下一步的注册流程。请挑选主体类型挑选,完善主体信息和办理员信息。

挑选主体类型,这儿挑选个人,当然也能够挑选企业:

【小程序】微信小程序开发流程

主体类型阐明如下:

【小程序】微信小程序开发流程

1个身份证号码和一个手机号码只能注册5个小程序。留意主体信息提交后不行更改。

【小程序】微信小程序开发流程

假如挑选的是企业类型帐号,这种账号可挑选两种主体验证办法(假如是挑选个人账号类型。以下内容就能够疏忽了)。

  • 办法一:付出验证

需求用公司的对公账户向腾讯公司打款来验证主体身份,打款信息在提交主体信息后能够检查到。 请依据页面提示,向指定的收款帐号汇入指定金额。

温馨提示:请在10天内完结汇款,否则将注册失利。

  • 办法二:微信认证

经过微信认证验证主体身份,需付出300元认证费。认证经过前,小程序部分功用暂无法运用。

【小程序】微信小程序开发流程
填写办理员信息

【小程序】微信小程序开发流程

确认主体信息不行改变

【小程序】微信小程序开发流程

6、登录后台弥补信息

在小程序办理后台中,弥补小程序的基本信息,如名称、图标、描绘等。

【小程序】微信小程序开发流程

【温馨提示】假如你的大众号是服务号且现已认证,能够运用“快速注册认证小程序流程”,无需重新提交主体材料、无需对公打款、无需付出300元认证费用。

2)装置开发工具

下载地址:developers.weixin.qq.com/miniprogram…

【小程序】微信小程序开发流程

3)快速开端

在开端之前说一下几个知识点。

1、云开发和传统开发的差异

  • 云开发便是一套处理小程序前后端开发的一种云端才能
  • 它供给了一整套云服务及简略、易用的 API 和办理界面,以尽或许下降后端开发本钱,让开发者能够专注于核心事务逻辑的开发、尽或许轻松的完结后端的操作和办理
  • 云开发包含了小程序前端和小程序后端。

传统开发:

【小程序】微信小程序开发流程

云开发:

【小程序】微信小程序开发流程

  • 或许刚入门的小程序制作开发人员对这样的官方介绍有点摸不着头脑。直白点说,所谓的云端才能实际上便是服务器端(后端),开发者自己不需求本地装备服务器和数据库、存储、云函数等根底才能,直接在微信官方供给的服务器端操作就行了。

  • 而一般的开发,是需求自己预备服务器而且以上提到的根底才能。所以小程序云开发相对一般的开发,最大的优势便是更便利、更高效,节省开发本钱。

运用传统开发的优缺陷:

  • 长处 : 咱们不必管后台逻辑, 直接发送恳求即可获取想要的数据
  • 缺陷 : 开发本钱太大, 不能个人开发,需求域名、服务器和学习新编程语言

运用云开发的优缺陷:

  • 长处 : 完全能够个人开发前后端, 直接上线, 不需求依赖后端, 更重要的是简略易学
  • 缺陷 : 前后端都是咱们自己写 , 得学习云开发之类的API

云开发和传统开发的其它差异:

比照项 云开发 传统服务器
难易程度 简略 复杂
布置难易 基本上不必布置 布置费时吃力
是否需求域名 不需求 需求
是否需求备案 不需求 需求
是否支撑https 不需求 需求
合适公司 中小型公司、个人 大公司
学习难易 简单上手 学习起来比较难
费用 免费版基本够用 200-2000/年
#### 2、云开发 API 分类
1)云函数
  • 云函数是一段运转在云端的代码,无需办理服务器,在开发工具内编写、一键上传布置即可运转后端代码。
  • 小程序内供给了专门用于云函数调用的 API。开发者能够在云函数内运用 wx-server- sdk 供给的 getWXContext 办法获取到每次调用的上下文(appidopenid 等),无需保护复杂的鉴权机制,即可获取天然可信任的用户登录态(openid

2)云数据库

  • 一个既可在小程序前端操作, 也能在云函数中读写的 MongoDB 数据库
  • 一个数据库能够有多个调集(相当于关系型数据中的表),调集可看做一个 JSON 数组,数组中的每个目标便是一条记录,记录的格局是 JSON 目标

3)云存储

  • 云开发供给了一块存储空间,在小程序前端直接上传/下载云端文件才能,在云开发控制台可视化办理
  • 在小程序端能够别离调用 wx.cloud.uploadFilewx.cloud.downloadFile 完结上传和下载云文件操作

3、AppID 获取

注册了账号就能够直接登录后台获取AppID了。

【小程序】微信小程序开发流程

4、快速开端

创建小程序,AppID便是上面获取的。

传统开发:

【小程序】微信小程序开发流程

四、小程序登录流程

1)登录流程时序流程图

先来看一下微信小程序登录流程图吧,官方地址:developers.weixin.qq.com/miniprogram…

【小程序】微信小程序开发流程
阐明

  • 调用 wx.login() 获取 暂时登录凭据code ,并回传到开发者服务器。
  • 调用 auth.code2Session 接口,换取 用户仅有标识 OpenID 、 用户在微信敞开渠道帐号下的仅有标识UnionID(若当时小程序已绑定到微信敞开渠道帐号) 和 会话密钥 session_key

之后开发者服务器能够依据用户标识来生成自定义登录态,用于后续事务逻辑中前后端交互时识别用户身份。

【留意事项】

  • 会话密钥 session_key 是对用户数据进行 加密签名 的密钥。为了运用自身的数据安全,开发者服务器不应该把会话密钥下发到小程序,也不应该对外供给这个密钥。
  • 暂时登录凭据 code 只能运用一次

2)认识openid,unionid 和code

  • openid:openid是用来仅有标识用户的一个字符串。在微信小程序中,每个用户的openid都是仅有的。经过openid,小程序能够获取用户的基本信息,如头像、昵称等。

【留意】同一个用户在不同的小程序中拥有不同的openid。因而,在开发小程序时,不能运用openid来进行用户的仅有性判别。

  • unionidunionid 是在用户绑定同一微信敞开渠道账号下的多个运用时,用来仅有标识用户的一个字符串。假如用户在多个小程序中运用同一个微信号进行登录授权,那么这些小程序中的 unionid 都是相同的。

【留意】用户的unionid只有在用户将多个运用绑定到同一个微信敞开渠道账号下时才会生成。因而,假如用户没有绑定多个运用,那么小程序将无法获取用户的unionid。

  • codecode 是用户登录凭据,由微信服务器颁发给小程序。在用户授权登录后,小程序能够经过调用微信登录接口获取用户的 code。然后,经过code向微信服务器恳求用户的 openidsession_key 等信息。

【留意】每个code只能运用一次,且有效期为5分钟。因而,在运用code进行登录时,需求及时将其转换成用户的 openidsession_key 等信息,以免呈现code过期的情况。

openidunionidcode 是微信小程序登录授权中十分重要的三个参数,了解这些参数的作用和用法,有助于开发者更好地规划和开发小程序登录授权功用。

【小程序】微信小程序开发流程

  1. 经过wx.login()获取code。

  2. 将这个code发送给后端,后端会回来一个token,这个token将作为你身份的仅有标识。

  3. 将token经过wx.setStorageSync()保存在本地存储。

  4. 用户下次进入⻚面时,会先经过wx.getStorageSync() 办法判别token是否有值,假如有值,则能够恳求其它数据,假如没有值,则进行登录操作。

微信小程序开发流程介绍就先到这儿了,有任何疑问欢迎给我留言,后续会继续更新相关教程,请小伙伴耐性等待,也可关注我的大众号【大数据与云原生技能共享】加群沟通或私信沟通技能~

【小程序】微信小程序开发流程