超详细微信小程序新手入门教程

1. 注册微信小程序账号

1. 访问微信公众平台

   • 打开浏览器，访问 微信公众平台(注意不是微信开放平台)https://mp.weixin.qq.com/。

2. 注册账号

   • 点击右上角的“注册”按钮。
   • 选择“小程序”，然后点击“注册”。

3. 填写信息

   • 输入你的邮箱地址，设置密码，并填写其他必要的信息（如公司名称、联系人等）
     • 公司和个人怎么选：
     • 。
   • 同意相关条款并提交。

4. 邮箱验证

   • 前往你的邮箱，查收微信发来的验证邮件，点击邮件中的链接完成验证。

5. 企业认证

   • 登录微信公众平台，进入“小程序管理”后台。
   • 在左侧菜单中找到“设置”，然后点击“账户信息”。
   • 按照提示完成企业认证（企业认证需要支付300元人民币的认证费用）。

2. 下载并安装开发工具

1. 下载微信开发者工具

   • 访问 微信开发者工具下载页面。
   • 根据你的操作系统选择合适的版本进行下载。

2. 安装开发工具

   • 下载完成后，运行安装程序，按照提示完成安装。

3. 创建新项目

1. 打开微信开发者工具

   • 启动微信开发者工具，点击“+”号创建新项目。
   • 选择不使用云开发（这个不要钱），选择JS模版

2. 填写项目信息

   • AppID：填写你在微信公众平台获得的AppID（如果是测试，可以选择“无AppID”）。
   • 项目名称：输入你的项目名称。
   • 项目目录：选择一个本地目录作为你的项目文件夹。
   • 点击“创建”。

4. 配置项目

1. 配置 app.json

   • app.json 是小程序的全局配置文件。包括设置小程序的页面、窗口表现、网络超时时间等。

   {
     "pages": [
       "pages/index/index",
       "pages/logs/logs"
     ],
     "window": {
       "navigationBarBackgroundColor": "#ffffff",
       "navigationBarTitleText": "微信小程序",
       "navigationBarTextStyle": "black"
     }
   }
   

2. 创建页面

   • 在项目目录下的 pages 文件夹中创建页面文件夹，如 index 和 logs。
   • 每个页面需要四个文件：
     • index.js：页面的逻辑脚本。
     • index.json：页面的配置文件（通常不需要修改）。
     • index.wxml：页面的结构模板。
     • index.wxss：页面的样式表。

   <!-- index.wxml -->
   <view>
     <text>欢迎使用微信小程序！</text>
   </view>
   

   /* index.wxss */
   text {
     color: #ff0000;
   }
   

   // index.js
   Page({
     data: {
       message: "欢迎使用微信小程序！"
     }
   });
   

5. 运行和调试

1. 运行小程序

   • 在微信开发者工具中点击“编译”按钮，可以看到你的页面在模拟器中呈现。

2. 调试小程序

   • 使用开发者工具的调试功能，查看控制台日志、网络请求等信息，帮助你发现和解决问题。

6. 上传和审核

1. 上传代码

   • 在微信开发者工具中，点击右上角的“上传”按钮，将你的代码提交到微信服务器。

2. 填写版本信息

   • 在“上传”时需要填写版本号和更新说明。

3. 提交审核

   • 登录微信公众平台，在“小程序管理”后台中找到“版本管理”。
   • 选择刚刚上传的版本，填写审核信息，点击“提交审核”。

4. 等待审核结果

   • 审核通过后，你的小程序将会发布。你可以在微信中搜索并体验你的小程序。

7. 发布

1. 发布小程序

   • 审核通过后，可以在微信公众平台中选择发布版本。

2. 推广

   • 发布后，你可以通过微信小程序码、微信朋友圈等方式推广你的小程序。

恭喜你，第一个微信小程序就这样完成了，是不是很简单！！