微信小程序初学指南

初识微信小程序

1.微信小程序账号注册

2.完善小程序账号信息

选择类目时不要选择游戏
点击左边的设置，可以进行对名称和类目进行修改

3.项目成员和体验成员

添加项目成员时，必须是微信号，不是手机号

4.小程序开发者ID

在微信公众后台找到开发管理

5.下载微信小程序开发工具

6.创建一个小程序项目

7.文件和目录结构介绍

注意：
1.小程序目前有两种渲染模式：
（1）skyline渲染模式：新的，一般不用
（2）webview渲染模式：要切换为webview渲染模式：｛在APP.json中去掉renderer、renderOptions、componentFramework
还有skyline｝

1.项目目录介绍

1.三个app开头的为项目的主体文件（app.js、app.json、app.wxss）
2.pages：里面存放小程序的页面，现在里面有一个index页面，
一个页面是由4个文件构成的，而且名字也是这个页面的名字开头

3.components:存放每个页面的公共组件
4.3个以 .json结尾的文件：配置文件

8.如何新建页面

1.方法一：在pages里新建

步骤：
1.点击pages--新建一个文件夹--新建一个一个page
2.文件夹和page的名称一样

2.方法二：在app.json里新建（快速）

步骤：
直接改变路径

9.调试基础库

注意：
如果在实现某些页面没有实现时，要看一下当前API是否合适
e.g. 朋友圈功能他需要的API是2.11.9
（具体要看微信公众平台--微信开放文档）

10.如何调试小程序

1.调试器的大致介绍

1.wxml：可以看到当前页面的结构和样式，相对应的也可以对结构和样式进行调试
2.console:可以看到JS打印输出的内容----其中包含系统和自己打印的内容
（可以隐藏系统打印的内容）
3.network：通过network可以调试网络请求，向服务器发送请求
4.APPData:可以查看当前页面定义了哪些数据
5.storage：可以查看自己在本地存储了哪些数据

2.手机预览调试

1.真机调试：ios系统无法连接

11.配置文件介绍

配置文件都是放在 .json里

一、全局配置--pages配置

pages是一个数组，里面都是存放的一些路径目录信息

1.要对页面的位置进行修改:直接在pages中修改位置就可以了

2.配置一个“entryPagePath”

用一个路径做参数，作为小程序的一个启动页面