小程序简易教程

起步

• 进入微信公众平台注册小程序
• 注册成功后在设置中找到appId（该appId相当于小程序的身份证）
• 下载开发者工具

代码构成

• .json 后缀的JSON配置文件
• .wxml后缀的wxml模板文件
• .wxss后缀的wxss样式文件
• .js后缀的js脚本逻辑文件

1、JSON 配置

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

• pages 用于描述当前小程序所有页面路径，在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面)
• indow字段 —— 小程序所有页面的顶部背景颜色，文字颜色

2、wxss样式

• 新增了尺寸单位 rpx
• 提供全局样式（app.wxss）和局部样式（page.wxss）
• 仅支持部分css选择器

小程序能力

发布前的准备

• 开发版本
• 审核中版本
• 线上版本

上线