应众多粉丝小伙伴的要求,决定出一期微信小程序入门教程。作为资深web工程师的我,决定从零开始搭建一个微信小程序项目,所以本文非常适合微信小程序小白学习!
但是有很多小伙伴不想看文章,想通过视频来入门小程序,哈哈。。。我也帮你准备好了,请点击如下链接获取视频教程。
一、申请小程序账号
二、申请服务器域名
1.击前往到腾讯云服务器,并注册一个腾讯云账号。
2.购买小程序解决方案
3.实名认证腾讯云账号才能购买
4.购买成功后进入
5进入产品配置页面,即购买页面,注意购买不同的开发语言,会话服务器会有所不同,其中c#是window服务器,nodeJs是Linux服务器
6.按照默认的步骤完成后,选择资源自动配置
7.购买腾讯云域名并进行域名变更
8.前往微信公众平台 -【开发】-【基本配置】-【服务器配置】-【修改配置】,更新微信小程序服务器配置为最新域名。
三、下载并安装开发工具
1.下载开发工具
2.安装好后运行软件用绑定小程序的微信进行登录,创建项目把小程序的AppId填写进去
四、小程序的框架
微信小程序中就四种类型的文件
js ---------- JavaScrip文件
json -------- 项目配置文件,负责窗口颜色等等
wxml ------- 类似HTML文件
wxss ------- 类似CSS文件
在根目录下用app来命名的这四中类型的文件,就是程序入口文件。
app.json:必须要有这个文件,如果没有这个文件,IDE会报错,因为微信框架把这个作为配置文件入口,你只需创建这个文件,里面写个大括号就行。
以后我们会在这里对整个小程序的全局配置。记录了页面组成,配置小程序的窗口 背景色,配置导航条样式,配置默认标题。
app.js:必须要有这个文件,没有也是会报错!但是这个文件创建一下就行 什么都不需要写
以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
app.wxss:这个文件不是必须的。因为它只是个全局CSS样式文件
app.wxml:这个也不是必须的,而且这个并不是指主界面哦~因为小程序的主页面是靠在JSON文件中配置来决定的
1.框架全局文件
全局文件包含3个文件:app.wxss小程序工工样式表(css)、app.json小程序公共设置即窗口表现(例如标题字体颜色的配置)、app.js小程序数据逻辑交互(定义全局数据及定义函数文件,对所有页面都有效)
2.页面全局文件
五、Window服务器IIS的配置和搭建
2.根据vs生成发布的文件打包上传到云服务器
3.在window服务器的IIS中配置访问的路径,该路径为上传到服务器的发布文件
总结
以上是小程序从申请账号到小程序与后台服务器打通的全部过程,小程序的3元解决方案中帮我们解决了资源的配置,SSH证书的申请和服务器搭建等流程的问题,在此基础上我们可以搭建自己的服务器接口,省略了一大堆问题,适合菜鸟们。
原文链接:segmentfault.com/a/1190000012278917