目录

-小程序搭建的完整流程

小程序搭建的完整流程

小程序搭建的完整流程

一、申请小程序账号

https://i-blog.csdnimg.cn/blog_migrate/3e6d3b2061bb4e1ac42e8279a1d55b6b.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/ff799d193d66897625dea3b82bab5cb1.png
clipboard.png

二、申请服务器域名

1.击前往到腾讯云服务器,并注册一个腾讯云账号。

https://i-blog.csdnimg.cn/blog_migrate/8c33d202a791a2963e2f32092b57f387.png
clipboard.png

2.购买小程序解决方案

https://i-blog.csdnimg.cn/blog_migrate/bb1ed8850282a1ca60f69b357cdbfc3b.png
clipboard.png

3.实名认证腾讯云账号才能购买

https://i-blog.csdnimg.cn/blog_migrate/e44381addef4ce6aadfdcece487f5c48.png
clipboard.png

4.购买成功后进入

https://i-blog.csdnimg.cn/blog_migrate/e6ff197146e0b7f0cf38427a14cfa0ae.png
clipboard.png

入产品配置页面,即购买页面,注意购买不同的开发语言,会话服务器会有所不同,其中c#是window服务器,nodeJs是Linux服务器

https://i-blog.csdnimg.cn/blog_migrate/4181bb2e2f40b621af5bba67d5148c5d.png
clipboard.png

6.按照默认的步骤完成后,选择资源自动配置

https://i-blog.csdnimg.cn/blog_migrate/74941959537c2b96bc5673ca77aecb8b.png
clipboard.png

7.购买腾讯云域名并进行域名变更

https://i-blog.csdnimg.cn/blog_migrate/e05668cb90b1cd615a97b4009299afb3.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/be59fdab1ef51d9eee3559ef9f8c5ecc.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/104765074e445a05953c01a63e97e724.png
clipboard.png

8.前往微信公众平台  -【开发】-【基本配置】-【服务器配置】-【修改配置】,更新微信小程序服务器配置为最新域名。

https://i-blog.csdnimg.cn/blog_migrate/89842674bfc38dd4c429527ae7246266.png
clipboard.png

三、下载并安装开发工具

1.下载开发工具

https://i-blog.csdnimg.cn/blog_migrate/1b3ba829ede3c08c43aa7ec03a316d40.png
clipboard.png

1.安装好后运行软件用绑定小程序的微信进行登录,创建项目把小程序的AppId填写进去

https://i-blog.csdnimg.cn/blog_migrate/17a7acfccad8717918f1ec3d68ae9d43.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/83cad2ff87f2460b360517b6877e7475.png
clipboard.png

四、小程序的框架

https://i-blog.csdnimg.cn/blog_migrate/c27e2abadf423d9198474661d84a2ad3.png
clipboard.png

1.框架全局文件

全局文件包含3个文件:app.wxss小程序工工样式表(css)、app.json小程序公共设置即窗口表现(例如标题字体颜色的配置)、app.js小程序数据逻辑交互(定义全局数据及定义函数文件,对所有页面都有效)

https://i-blog.csdnimg.cn/blog_migrate/66cae50c0844d09348bf3d42de753d00.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/82170c89c4663a429f5655a0b49bcff6.png
clipboard.png

2.页面全局文件

https://i-blog.csdnimg.cn/blog_migrate/9badd9fdd4acd937607565d2fc56c31b.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/02b4bfa92b82abb44a52ffb78e62ed4d.png
clipboard.png

五、Window服务器IIS的配置和搭建

1.我用的是c#的开发环境,因此我需要登录的是window的服务器

https://i-blog.csdnimg.cn/blog_migrate/41246ce3d1318ecb382df21572ad70e3.png
clipboard.png

https://i-blog.csdnimg.cn/blog_migrate/6ab464c1c52766855c93f24563693788.png
clipboard.png

2.根据vs生成发布的文件打包上传到云服务器

https://i-blog.csdnimg.cn/blog_migrate/65c47e7b3eaa3d12cf3aa465fd181cfc.png
clipboard.png

3.在window服务器的IIS中配置访问的路径,该路径为上传到服务器的发布文件

https://i-blog.csdnimg.cn/blog_migrate/f40034feae35c8040a66d17bc055c93a.png
clipboard.png

总结

以上是小程序从申请账号到小程序与后台服务器打通的全部过程,小程序的3元解决方案中帮我们解决了资源的配置,SSH证书的申请和服务器搭建等流程的问题,在此基础上我们可以搭建自己的服务器接口,省略了一大堆问题,适合菜鸟们。