微信小程序开发入门

我是跟着官方文档学习的，本文单主要用作学习记录和精简学习用。感兴趣的小伙伴可以看一下官方的文档。

1.小程序开发第一步需要先注册成为开发者注册地址如下：微信公众平台  注册操作就按部就班就好了

 2.注册完成后就是下载开发者工具了，我选择的是稳定版下载。当然你如果想尝鲜可以选择预发布版本 下载地址如下稳定版 Stable Build | 微信开放文档

3.打开开发者工具，来创建我们的第一个程序HelloWorld,这里需要注意的是需要填写我们刚刚注册后获取到的AppID ，AppID的路径是开发管理-开发设置-开发者ID。

4.创建工程选择目录选择云开发即可

 

5.现在工具自动帮我们快速创建了一个完整的工程

6.点击预览，然后用手机扫一扫可以看到我们的第一个程序

7.小程序的代码构成主要有4种文件

.json 配置文件

.wxml 模板文件

.wxss  样式文件

.js 脚本逻辑文件

 8.主要文件有：

app.json 作为项目全局的配置文件

project.config.json 开发者工具的个性化配置文件

log.json是针对log页面的配置

index.wxml 打开小程序首页展示的页面

index.wxss 是上面index.wxml的样式配置

9.小程序的语法简单

WXML 是这么写 :

<text>{{msg}}</text>

JS 只需要管理状态即可:

 

this.setData({ msg: "Hello World" })

 

 app.json pages存放当前小程序的所有页面

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

log.js

Page({
  data: { // 参与页面渲染的数据
    logs: []
  },
  onLoad: function () {
    // 页面渲染后 执行
  }
})

 map组件直接获取地图 <map></map>

10.小程序的发布，点击上传代码后就可以从小程序后台管理看到我们上传的代码，改成体验版之后上传审核就可以了。