微信小程序开发入门

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

1.小程序开发第一步需要先注册成为开发者注册地址如下: 注册操作就按部就班就好了

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

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.小程序的发布,点击上传代码后就可以从小程序后台管理看到我们上传的代码,改成体验版之后上传审核就可以了。

经验分享 程序员 微信小程序 职场和发展