从头搭建一个微信小程序,需要哪些流程?

微信小程序整体有几种模式,一种是云服务模式,一种是不使用云服务模式,两者什么区别呢?

官方解释:微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。
开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。
开发者无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发。
个人理解:云服务模式,就是后台逻辑和数据在腾讯服务器端托管,非云服务模式,也就是后台逻辑在本地服务器端,两者区别在于自己买/租服务器来部署后台接口服务,还是使用小程序官方提供的服务,当然,使用官方提供的呢,自然也有一些安全方面的好处,自己部署在服务器的话,就需要在接口层面做好鉴权、校验、加密等措施。这里呢,我们就以个人部署为例。

好了,废话不多说,上干货,以下所有内容并不是细化内容,仅仅为搭建的流程步骤,有不清楚的可以 QQ点击这里与我交流,或者扫码下方微信二维码,与我沟通!

搭建流程

搭建微信小程序,我们需要准备以下内容:

首先,在微信开放平台,注册申请一个微信小程序,点击这里前往

注册好之后,登录账号,在页面的:开发》开发管理》开发设置 获取小程序的appid

然后下载微信小程序的开发者工具,下载位置在页面的:开发》开发工具》开发者工具 进行下载

微信开发者工具呢,主要使用的是官方提供的组件,也可以自己画界面样式,具体开发文档看官方提供的文档内容,https://developers.weixin.qq/miniprogram/dev/framework,实际和常规网页开发,小程序的js语法是一样的,只是说类似vue框架的开发模式,数据绑定,生命周期触发等,界面样式是几乎等同于css,不一样的是微信小程序有自己的界面单位:rpx等,也是微信小程序之常用的单位,比常规前端更好的点在于,微信小程序屏幕宽度恒定为:750rpx,这样有利于前端开发人员应对不同屏幕,同一比例计算划分,大大提高了界面兼容性,更是提供很丰富的组件,减少了开发者对一些选择器等组件的重画精力

新建小程序项目,打开微信小程序开发者工具之后,新建项目,这里要输入一个appid,这里就填写上面我们注册的微信小程序,获取到的Appid填入即可,选择不使用云服务

这样就建好了小程序的初始化状态,初始化是官方提供的demo代码,这样就可以在这个基础上进行界面开发了,这里就不细讲小程序如何开发了,有兴趣的可以看着文档写个demo练练手,这里面涉及到一个要点,就是前后端交付,目前小程序是前端,那么后端呢?

后端就很多了,看你自己熟悉什么语言,就用什么语言做后端接口,以前的网站大多都是前后端不分离的,现在几乎都是前后端分离,这里分不分离有什么区别呢?不分离的话,界面渲染都是在服务器端完成的,分离的话是在客户端完成的,相比而言,前后端分离是更好的选择,这样前后端分工开发,效率更高,降低维护成本,分工更加明确,后端注重逻辑,前端注重界面渲染和逻辑处理就好,而微信小程序也是完全的前后端分离框架,说远了, 说远了, 回来继续讲,后端的话,我一般使用Java、Pyhton、PHP这三种语言中选其一,目前用Java、Python多一些,看个人喜好还有系统的稳定要求等来定论就好,这里就不演示后端逻辑了,注意的一点是,微信小程序要求后端必须是支持https的,https的话就需要SSL安全证书,这个证书呢,一般买域名都有送的免费的,这里建议使用阿里云或者腾讯云等,当然,根据你自己喜欢去选择就好,这里以阿里云为例:

申请好免费证书直接下载就好了,至于下载什么类型的证书就看你使用的后端语言是什么,框架是什么了,下载好之后放到对应的后端框架上进行配置,这里以java语言的spring boot 为例,将下载好的证书放到resources文件目录下, 并且在配置文件配置上ssl相关参数

配置完成后,将接口打包部署到云服务器,这里服务器是应用服务器,就看你买/租的什么服务器了,对应后端的语言框架去搭建部署即可,这里ssl部署好之后,要把https的接口地址配置在微信小程序的安全域名,这样微信小程序才能进行交付
同样,在微信小程序的后台界面:开发》开发管理》开发设置 》 request合法域名 进行配置

配置好之后,在微信开发者工具将代码版本进行提交,然后在后台将体验版提交给微信小程序团队审核即可。

这样就是完整的一个流程了,文章没有提及代码相关信息,因为比较细,写起来的话内容就太多太麻烦了,这里只是介绍整体流程,有不清楚的可以 QQ点击这里与我交流,或者联系微信:walei5201314。

更多推荐

从头搭建一个微信小程序,需要哪些流程?