创意电子

标题: 从零开始的小程序搭建指南 [打印本页]

作者: PF3686    时间: 2020-12-4 02:48
标题: 从零开始的小程序搭建指南
微信发布小程序已经几年有余了,前段时间还开放了小游戏,很多人都在摩拳擦掌,想搭一个小程序。
如何才能从零开始,搭建属于自己的微信小程序呢?
首先,注册小程序;其次,搭建本地开发环境或线上服务端环境;最后,完成开发、调试,进行发布。
先看下我的案例



                               
登录/注册后可看大图
一度打卡



                               
登录/注册后可看大图
潘多拉追剧


如何搭建本地开发环境?
虽然听着有些麻烦,实际上,小程序已有完善的开发工具,下个安装包一键安装即可~

                               
登录/注册后可看大图

然后,运行开发者工具,根据提示用微信登录,填写信息创建项目,就能开始制作属于自己的小程序了~

                               
登录/注册后可看大图

至于具体如何开发小程序,除了参考官方文档、寻找一些教程外,也可以下载一些Demo演示进行学习~
比如,下图就是官方的小程序Demo——“小相册”。

                               
登录/注册后可看大图

如何搭建线上服务端环境?
不过,除了本地开发环境外,类似“小相册”这样的小程序,还需要搭建线上服务端。
一般而言,小程序服务端需要依赖Node.js、mongodb、Nginx等环境和软件,根据实际开发会有变化。
相当于搭建一个简单的http、网站服务器,网上有不少教程,整个操作可能略显繁琐,但不算复杂。
线上调试环境
如果只是用于调试,开发工具中,可以勾选以下选项,任意Linux主机均搭建服务端环境。

                               
登录/注册后可看大图

为了便于访问、调试,则可使用花生壳的内网穿透映射服务器。

                               
登录/注册后可看大图

搞定之后,无需公网IP,也可以使用固定域名进行访问、便于开发及调试。

                               
登录/注册后可看大图


线上生产环境
但是,如果要发布小程序,所有的网络请求就要受到一些限制。
简单来说,就是域名必须走443端口的https协议,也就是说必须为域名申请SSL证书,并进行配置。

                               
登录/注册后可看大图


如果不希望云端、VPS等方式部署,想在本地部署,却又没有固定公网IP,同样可以用花生壳来解决。
但是,如果只有私网IP,想用443端口内网穿透,就需要独立服务器版花生壳了。
如何发布小程序?
我们在开发和测试完成之后,就可以将小程序发布给用户了。

                               
登录/注册后可看大图


在开发者工具中上传小程序代码,审核通过后,登录小程序管理后台找到提交上传的版本,后即可发布。
说了这么多,以上就是关于小程序搭建和开发的一些指南。




欢迎光临 创意电子 (https://wxcydz.cc/) Powered by Discuz! X3.4