记录初次微信小程序开发

记录初次微信小程序开发

1. 准备开发环境

• 安装Node.js：确保你的电脑上已经安装了Node.js环境。
• 安装微信开发者工具：访问微信官方的开发者文档页面下载并安装微信开发者工具（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html）。
  
  
  

2. 项目创建

• 打开微信开发者工具，选择“创建新项目”。

• 在登录页，可以使用微信扫码登录开发者工具，开发者工具将使用这个微信账号的信息进行小程序的开发和调试。
  如果暂时没有微信，可以直接点击游客模式进入（游客模式只能编辑本地项目）
  
  
  

• 填写项目名称和项目路径，如果已有AppID则填入，没有的话可以先不填写进行本地调试。

• 选择“快速启动模板”以快速开始。
  

3. 目录结构

• app.json：小程序的全局配置文件。

• 

• app.wxss：全局样式表。

• 

• pages/：存放页面文件的目录。

• 

• 每个页面由.wxml（结构）、.wxss（样式）、.js（逻辑）和.json（配置）四个部分组成。
  

4. 开发页面

• 使用.wxml编写页面结构。

• 

• 使用.wxss定义样式。

• 

• 使用.js处理业务逻辑。

• 

5. 添加功能

• 数据绑定：使用{{}}语法绑定数据到界面。
• 事件处理：通过bindtap等事件绑定函数。
• API调用：利用微信提供的API进行网络请求或使用其他功能。

6. 调试与测试

• 利用微信开发者工具的调试器进行代码调试。

• 

• 使用真机扫描二维码预览小程序。
  真机调试2.0
  真机调试2.0 应用新的调试模型，使得调试结果更接近真机表现，同时支持更多特性（例如Canvas接口）。以下是真机调试2.0版本的使用指南。

开发者工具自 1.05.2107221 RC版本开始支持。

1. 机型和基础库要求
   Android：微信客户端版本 8.0.6 及以上，基础库版本 2.18.1 及以上。
   iOS：微信客户端版本 8.0.8 及以上，基础库版本 2.18.1 及以上。
2. 切换真机调试2.0版本
   打开项目，点击 「真机调试」 按钮 如果左下角出现 「切换真机调试2.0」 ，点击切换即可。
   
   如果出现以下界面，即切换成功:
   
   真机调试2.0版本区分Android系统和iOS系统，请确保真机机型与选择的机型一致。

7. 发布小程序

• 获取AppID：在微信公众平台申请注册小程序账号获得AppID。
• 修改app.json中的appid字段为自己的AppID。
• 在微信开发者工具中上传代码至微信服务器。
• 登录微信公众平台后台提交审核，审核通过后即可正式上线。

特别注意:

• 版本管理：考虑使用Git或其他版本控制系统来管理你的代码。
• 性能优化：注意小程序的加载速度和用户体验。
• 安全问题：确保数据传输的安全性，使用HTTPS协议。

未完待续