《《《 【WEB前端】零基础玩转微信小程序——新建⼩程序项⽬

1.5. 体验
1.5.1. 官⽅微信⼩程序体验

1.5.2. 其他优秀的第三⽅⼩程序

拼多多
滴滴出⾏
欢乐⽃地主
智⾏⽕⻋票
唯品会
。。。
2. 环境准备
开发微信⼩程序之前,必须要准备好相应的环境
2.1. 注册账号
建议使用全新的邮箱,没有注册过其他小程序或者公众号的。
访问注册⻚⾯,耐⼼完成注册即可。
2.2. 获取APPID
由于后期调⽤微信⼩程序的接⼝等功能,需要索取开发者的⼩程序中的 APPID
,所以在注册成功后,
可登录,然后获取APPID。
登录,成功后可看到如下界⾯
然后复制你的APPID,悄悄的保存起来,不要给别⼈看到。

 

2.3. 开发⼯具

微信⼩程序⾃带开发者⼯具,集 开发 预览 调试 发布 于⼀⾝的 完整环境。

但是由于编码的体验不算好,因此 建议使⽤ vs code+ 微信小程序编辑工具来实现编码vs code负责敲代码, 微信编辑工具负责预览 
3. 第⼀个微信⼩程序
3.1. 打开微信开发者⼯具
注意 第⼀次登录的时候 需要扫码登录 

 3.2. 新建⼩程序项⽬

点击 小程序

3.3. 填写项⽬信息 
 

 3.4. 成功

2.微信开发者⼯具介绍

详细的使⽤,可以查看官⽹
5. ⼩程序结构⽬录
⼩程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务。
⼩程序框架提供了⾃⼰的视图层描述语⾔ WXML和 WXSS,以及 JavaScript,并在视图层与逻
辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
5.1. ⼩程序⽂件结构和传统web对⽐ 

通过以上对⽐得出,传统web 是三层结构。⽽微信⼩程序 是四层结构,多了⼀层 配置.json 

 

6. ⼩程序配置⽂件

⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json
和 ⻚⾯⾃⼰的
page.json
注意:配置文件中不能出现注释
6.1. 全局配置app.jsonapp.json是当前⼩程序的全局配置,包括了⼩程序的所有⻚⾯路径、
界⾯表现、⽹络超时时间、底部 tab 等。普通快速启动项⽬⾥边的 app.json配置

字段的含义

1. pages
字段⸺⽤于描述当前⼩程序所有⻚⾯路径,这是为了让微信客⼾端知道当前你的⼩程序
⻚⾯定义在哪个⽬录。
2. window
字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字颜⾊定义等。
3. 完整的配置信息请参考 app.json配置 
原文地址:https://www.cnblogs.com/lidar/p/13662134.html