当前位置:首页 > 技术文章 > 正文内容

从零开始的小程序搭建指南

arlanguage4个月前 (01-12)技术文章30

微信发布小程序已经几年有余了,前段时间还开放了小游戏,很多人都在摩拳擦掌,想搭一个小程序。

如何才能从零开始,搭建属于自己的微信小程序呢?

首先,注册小程序;其次,搭建本地开发环境或线上服务端环境;最后,完成开发、调试,进行发布。

先看下我的案例




如何搭建本地开发环境?

虽然听着有些麻烦,实际上,小程序已有完善的开发工具,下个安装包一键安装即可~

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

至于具体如何开发小程序,除了参考官方文档、寻找一些教程外,也可以下载一些Demo演示进行学习~

比如,下图就是官方的小程序Demo——“小相册”。

如何搭建线上服务端环境?

不过,除了本地开发环境外,类似“小相册”这样的小程序,还需要搭建线上服务端。

一般而言,小程序服务端需要依赖Node.js、mongodb、Nginx等环境和软件,根据实际开发会有变化。

相当于搭建一个简单的http、网站服务器,网上有不少教程,整个操作可能略显繁琐,但不算复杂。

线上调试环境

如果只是用于调试,开发工具中,可以勾选以下选项,任意Linux主机均搭建服务端环境。

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

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


线上生产环境

但是,如果要发布小程序,所有的网络请求就要受到一些限制。

简单来说,就是域名必须走443端口的https协议,也就是说必须为域名申请SSL证书,并进行配置。


如果不希望云端、VPS等方式部署,想在本地部署,却又没有固定公网IP,同样可以用花生壳来解决。

但是,如果只有私网IP,想用443端口内网穿透,就需要独立服务器版花生壳了。

如何发布小程序?

我们在开发和测试完成之后,就可以将小程序发布给用户了。


在开发者工具中上传小程序代码,审核通过后,登录小程序管理后台找到提交上传的版本,后即可发布。

说了这么多,以上就是关于小程序搭建和开发的一些指南。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/798.html

标签: nginx mongodb
分享给朋友:

“从零开始的小程序搭建指南” 的相关文章

彻底搞懂 Nginx 的五大应用场景 彻底搞懂 nginx 的五大应用场景是什么

— 1 —HPPTNginx本身也是一个静态资源的服务器,当只有静态资源的时候,就可以使用Nginx来做服务器,如果一个网站只是静态页面的话,那么就可以通过这种方式来实现部署。1、首先在文档根目录Docroot(/usr/local/var/www)下创建html目录,然后在html中放一个test...

如何在 NGINX 中创建自定义 404 错误页面

每次NGINX在尝试处理客户端请求时遇到错误,它都会返回一个错误。每个错误都包含一个HTTP响应代码和一个简短描述。错误通常通过简单的默认HTML页面显示给用户。幸运的是,您可以配置NGINX以向您的站点或 Web 应用程序的用户显示自定义错误页面。这可以使用 NGINX 的 error_page指...

nginx 解决 readv() failed (104: Connection reset by peer)

查看nginx error错误,发现上传接口报以下错:2019/10/10 19:58:25 [error] 299784#0: *5967188 readv() failed (104: Connection reset by peer) while reading upstream, clien...

Nginx总结(九) 实现系统的动静分离

前段时间,搞Nginx+IIS的负载均衡,想了解的朋友,可以看这篇文章:《nginx 和 IIS 实现负载均衡》,然后也就顺便研究了Nginx + IIS 实现动静分离。所以,一起总结出来,与大家共同探讨。 什么是动静分离所谓系统动静分离,其实,就是将网站静态资源(HTML,JavaScript,C...

Java基础教程:k8s快速入门 k8s jmeter

介绍容器化部署随着Docker技术的流行,对项目的容器化部署方式越来越流行,容器化部署的优点如下:可以保证每个容器拥有自己的文件系统、CPU、内存、进程空间等运行应用程序所需要的资源都被容器包装,并和底层基础架构解耦容器化的应用程序可以跨云服务商、跨Linux操作系统发行版进行部署虽然容器化部署可以...

博客引擎 hugo intro 入门介绍+安装笔记

拓展阅读blog-engine-01-常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比[1]blog-engine-02-通过博客引擎 jekyll 构建 github pages 博客实战笔记[2]blog-e...