微信小程序从开发—到上线的流程讲解

1.下载微信小程序工具:在微信官方文档中进入小程序模块、选择工具->下载、选择稳定版,根据自己的操作系统选择适合的版本。

2.购买云服务器:在阿里云或腾讯云等服务器厂商中,根据自己的需求买一个服务器并进行服务器的一些配置,建议选购的时候选择宝塔,用宝塔来操作云服务器。

可以参考这篇文章来进行操作:

阿里云服务器购买与搭建网站流程【新手教程】-阿里云者社区 (.)

3.购买域名与域名解析:因为自己写的服务器接口是请求,而微信小程序只能接收请求,所以需要购买域名,将请求转为请求。

参考下面这篇文章来操作:

个人建站之域名购买、解析、网站绑定 - 知乎 (.)

打开微信者工具,点击加,新建一个项目

在微信公众平台选择管理->设置里面寻找

(1)是小程序页面的配置项,用于指定小程序的所有页面。

(2)是首页

(3)是日志页面

(4). 就是语法检测配置

(5). 是小程序的入口

(6).是小程序的配置

7). 小程序全局样式

(8).. 是项目的配置

(9)... 个人项目配置

(10) 站点地图

(11). 用于写一些业务逻辑,类似

(12). 用户页面配置

(13). 页面样式,类似

(14). 模板文件,页面的主题代码,类似文件

(1)在文件夹右键建立新的文件夹

(2)在文件中右键新建页面

(3)页面创建完成后打开 .页面写下这一行代码。(将之前存在的内容删除)

那么该如何让这句话在小程序上显示呢?

(4)首先我们找到 .,可以看到我们新建文件的路径已经添加到配置中了,我们将新建文件位置调到最上方,此时小程序页面就变为我们创建的页面内容了。

这样你就基本知道了小程序的结构和流程了,就可以根据你的需要去写自己想要的页面了!!

接下来的内容我将举例说明!

在.页面上添加了两个输入框和一个登录按钮。

(1).页面代码

(2).页面样式代码

(3).文件代码

这样就把小程序端调用接口的代码写完了,然后就是服务器代码的书写,下面只展示用写的层代码

实现登录页面也可参考下面这篇文章:

微信小程序实现登录页面_微信小程序登录页面__瓶中精灵的博客-博客

当把服务器端代码完善后,启动服务,打开微信者工具,选择详情,点击本地设置,将不校验核发域名打开,此时小程序就可以访问到服务器的接口了。

原因还是因为小程序只能访问请求,而本地写的服务器接口是请求。

先点击右边的,然后点击将缓存清除,最后点击进行打包。

出现这行提示就表示打包成功了。

通过上面的步骤将项目打包成包,包一般存放在项目目录下的文件夹下

博主这里是使用的宝塔图形化网页来操作的云服务器,选择文件,返回根目录,创建一个文件夹,然后进入到文件夹下,点击上传,将刚刚打包的包上传到里面。

直接在当前页面点击终端,输入启动包的命令。

这样启动关闭终端窗口服务就会停止,如果想将服务挂载起来,保持持续运行,可以在最前面加一个。代码为:

在宝塔页面里面选择安全->点击添加规则,将你的项目的访问端口添加进去。

当项目在云服务器上启动后,记得在小程序代码中,将服务的地址由本地地址改为云服务器的地址。这样下来应该就可以在小程序端访问到云服务器上部署项目的端口了。

如:: '://127.0.0.1:端口//' 改为  :'://云服务器外网:端口//'

待更新。。。。。

© 版权声明
THE END
分享