QQ泡沫乐园 · 免费提供游戏辅助,破解软件,活动资讯,喜欢记得收藏哦!
综合软件_线报活动_游戏辅助_最新电影_最优质的的辅助分享平台

本文非常适合微信小程序小白学习!视频来入门!!

网络 2022-12-03 22:03

应众多粉丝小伙伴的要求,决定出一期微信小程序入门教程。作为资深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