阅读 134

零基础实践小程序

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

零基础实践小程序

从零开始开发微信小程序项目,还是有一些麻烦事情的。但是既然准备入坑了,还是需要好好记录一下自己的入门实践的。

1.注册微信开发者账号

首次接触得基本的都是个人开发者的学习测试账号,首先我们进入微信公众平台注册账号。

NSFileHandle.png

由于微信公众平台同时存在订阅号、服务号、小程序等多种类型的账号,且各个账号不通用,因此在注册的时候需要注意选择小程序注册 2.png

注册成功之后就可以创建自己的小程序了。创建成功后需要注意一下账号中的AppID账号,后续开发时会在小程序开发工具中绑定此ID。

3.png

2.安装开发工具

微信官方文档中给出了各个版本的开发者工具下载链接,开发者可根据自身需求下载对应的版本,我下载的是稳定版。

安装完成后打开工具,创建项目

4.png

目录解析
项目名称顾名思义,项目的名称
目录项目存放的路径
AppID输入之前官网创建的小程序ID
开发模式小程序开发
后端服务暂时用不上,选择不适用云服务

3.开发工具界面

打开开发工具对应界面如下 11.png 左上角三个按钮模拟器,编辑器调试器 分别对应左侧预览区,右侧上方代码编辑区,右侧下方调试器(调试器与普通浏览器的调试类似)

22.png

点击 预览\真机调试 会生成二维码,用官网申请的小程序绑定过的开发者微信号扫码即可真机预览\调试,十分便捷。 代码开发参考官方说明文档

添加界面文件

33.png 只需要在app.json文件中的pages对象下,新增一行路径字符串后保存,该界面文件则会自动生成初始模板。


到这里就介绍完了基本的从小程序注册开始到开发工具的简单介绍,后面讲持续更新。

文章分类
前端