微信小程序开发入门
我是跟着官方文档学习的,本文单主要用作学习记录和精简学习用。感兴趣的小伙伴可以看一下官方的文档。
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.小程序的发布,点击上传代码后就可以从小程序后台管理看到我们上传的代码,改成体验版之后上传审核就可以了。
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信公众号用户信息获取