微信小步调——01开发前的预备和开发工具

一、踏上小步调开发之旅前的预备

（一）小步调账号注册

• 开启注册流程
  
  
  
  • 首先，在浏览器中打开 “微信公众平台”（微信公众平台）。进入平台后，你会看到右上角有一个 “立即注册” 按钮，点击它，这时会弹出可注册的 4 种账号类型供选择，我们要选择 “小步调” 账号进行申请。
    
  
  
• 填写注册信息
  
  
  
  • 进入注册页面后，需要填写一些关键信息。邮箱好坏常重要的一项，务必利用未被微信公众平台、微信开放平台注册过，且未被个人微信号绑定的邮箱，因为每个邮箱仅能申请一个小步调。同时，设置密码时要注意，密码需由字母、数字或者英文符号构成，最短 8 位，而且区分大小写。填写完密码后，再次输入确认密码，确保两次输入一致。最后，输入验证码，仔细阅读并勾选《微信公众平台服务协议》《微信小步调平台服务条款》《微信公众平台个人信息保护指引》，然后点击 “注册” 按钮。
    
  
  
• 邮箱激活账号
  
  
  
  • 注册成功后，体系会提示激活邮件已发送至你填写的注册邮箱。此时，登录邮箱，在收件箱中找到来自微信公众平台的邮件，点击邮件中的激活链接，完成账号激活。需要注意的是，在验证界面里，一个手机号只能注册 5 个小步调。
    
  
  

（二）美满小步调信息

• 登录管理后台
  
  
  
  • 激活账号后，利用注册的邮箱作为登录账号，登录小步调管理后台。登录后，你会发现有许多需要美满的信息。
    
  
  
• 根本信息填写
  
  
  
  • 小步调名称：这是用户辨认你的小步调的重要标识，名称字符数需在 4 - 30 个字符之间，一个中笔墨等于 2 个字符。同时，要注意名称规则，确保名称不违反相关规定。比方，名称不能包含敏感词汇、侵权内容等。
    
  • 小步调简称（选填）：如果填写，简称将用于任务栏展示。简称需从当前名称中按次序选取字符创建，长度为 4 - 10 个字符，一个中笔墨同样等于 2 个字符。
    
  • 小步调头像：头像图片格式必须为 png、bmp、jpeg、jpg、gif 中的一种，不可大于 2M。发起利用 png 格式图片，以保持最佳结果，而且图片尺寸发起为 144px * 144px。头像不能涉及政治敏感与色情内容。
    
  • 小步调先容：简要先容小步调的功能和特点，先容内容需不含国家相关法律法规克制的内容，字符数在 0 - 120 之间。
    
  
  
• 小步调类目选择
  
  
  
  • 根据小步调的服务范围，准确选择服务类目。服务类目最多可添加 5 个，每月有一定的添加次数限定（本月可添加 5 次）。比方，如果你的小步调是提供在线教育服务，需选择 “教育服务 - 在线教育” 类目；如果涉及办公工具服务，则选择 “工具办公” 类目等。注意，如果提供的服务有特定要求，如涉及教育类视频 / 直播等服务，需选择对应的准确类目，而且要了解不同平台（如 iOS）对某些服务（如假造商品购买）的限定规定。
    
  
  

（三）其他预备事项（可选）

• 微信认证（可选但有上风）
  
  
  
  • 完成微信认证后，小步调账号可获得 “被搜索” 和 “被分享” 能力。固然未完成微信认证不影响后续版本发布，但认证后的小步调在推广和传播方面会更具上风。认证过程需要提交相关资料，按照体系提示渐渐完成。
    
  
  
• 配置服务器（多种方式可选）
  
  
  
  • 在开发设置页面，你可以查看 AppID 和 AppSecret，这两个信息在后续开发中非常重要。你可以选择配置服务器域名，自行搭建服务器来支持小步调的后端服务；也可以利用微信云开发或微信云托管服务，如允许以免配置服务器，直接利用云端能力，降低开发难度和资本。具体选择哪种方式，可根据小步调的功能需求、开发预算和技能能力等因素综合考虑。
    
  
  

（四）安装开发者工具

• 下载入口
  
  
  
  • 登录微信公众平台后，进入小步调页面。在 “开发与服务” - “微信开发工具” 处，点击下载链接。
    
  
  
• 选择合适版本
  
  
  
  • 微信开发者工具提供了稳固版、预发布版和开发版等不同版本供选择。对于新手来说，发起选择稳固版 Stable Build，其稳固性较高，恰当日常开发。稳固版支持 Windows 7 及以上版本（从 1.06 开始不支持 Windows 7，发起开发者升级 Windows 版本），提供了 Windows 64 位、Windows 32 位、macOS x64、macOS ARM64 等多种操纵体系版本的下载。根据你的电脑操纵体系选择对应的版本进行下载。
    
  
  
• 安装过程
  
  
  
  • 下载完成后，找到安装文件并双击运行，按照安装向导的提示完成安装。安装过程中，可选择安装路径等通例选项，一般保持默认设置即可。
    
  
  

二、开发者工具的深度利用

（一）创建项目

• 启动工具并登录
  
  
  
  • 双击打开微信开发者工具，利用微信扫码登录。登录成功后，你将进入开发者工具的主界面。
    
  
  
• 项目信息填写
  
  
  
  • 点击主界面中的加号创建项目。在弹出的创建项目窗口中，填写项目名称，名称可根据你的需求随意设定，比方 “helloworld”。接着选择项目路径，即指定项目在当地电脑中的存储位置，选择一个合适的当地文件夹。然后，输入注册小步调时获得的 AppID，如果没有 AppID，也可以选择 “无 AppID” 进行测试，但部分功能可能会受限。在后端服务选项中，根据你的需求选择是否利用云开发。如果不利用云开发（利用云开发需要耗费一定资本且涉及腾讯云的云函数、服务器等），则选择 “不利用云服务”。模板选择方面，对于新手，发起选择 “js 基础版”，其他模板功能相对复杂，对初学者不太友好。最后点击 “创建” 按钮，即可成功创建一个小步调项目。
    
  
  

（二）工具界面与功能详解

• 主界面布局
  
  
  
  • 微信开发者工具的主界面重要由菜单栏、工具栏、模拟器、编辑器和调试器构成。每个部分都承担着不同的功能，协同工作，帮助开发者高效地创建和调试小步调。
    
  
  
• 菜单栏功能
  
  
  
  • 项目：用于新建项目、打开现有项目以及对项目进行管理操纵。
    
  • 文件：可进行新建文件、生存文件、关闭文件等根本文件操纵，确保你的代码和配置文件能够实时生存和管理。
    
  • 编辑：提供代码编辑功能，如对代码进行格式化，使代码布局更加清晰易读，提高代码编写服从。
    
  • 工具：访问一些辅助工具，如代码检查工具、性能分析工具等，帮助开发者发现和办理代码中的题目，优化小步调性能。
    
  • 界面：用于控制主界面中各部分（如模拟器、编辑器、调试器等）的体现和隐藏，根据你的工作需求机动调解界面布局。
    
  • 设置：对开发者工具的外貌、快捷键、编辑器等进行个性化设置，提高开发体验。比方，你可以设置代码字体大小、颜色主题等。
    
  • 微信开发者工具：可进行切换账号、更换开发模式、启动调试等操纵，方便开发者在不同账号和开发模式之间切换，适应不同的开发场景。
    
  
  
• 工具栏快捷按钮
  
  
  
  • 个人中心：位于工具栏最左侧，体现当前登录用户的用户名和头像，方便快速辨认当前用户身份。
    
  • 模拟器、编辑器、调试器：用于快速控制相应工具的体现和隐藏，通过点击按钮可以在需要时快速切换到相应的工作地区。
    
  • 云开发：如果在创建项目时选择了利用云开发，点击此按钮可进入云开发控制台，进行云函数、数据库、存储等云服务的管理和开发。
    
  • 模式切换下拉菜单：可在小步调模式、多端应用模式和插件模式之间进行选择，根据项目类型选择合适的模式进行开发。
    
  • 编译下拉菜单：用于切换编译模式，默认寻常编译。不同的编译模式实用于不同的开发需求，如调试模式可能会提供更多的调试信息。
    
  • 编译按钮：编写完小步调代码后，需要编译才能运行。默认环境下，按下 Ctrl + S 快捷键生存代码文件时，微信开发者工具会自动编译运行；若要手动编译，可单击此按钮。
    
  • 预览按钮：单击后会天生一个二维码，利用手机微信扫描该二维码，即可在手机中预览小步调的实际运行结果，方便实时查看小步调在手机端的呈现环境，进行界面和功能的测试。
    
  • 真机调试按钮：实现直接利用开发者工具，通过网络连接对手机上运行的小步调进行调试。这对于定位在手机上出现的题目非常有帮助，因为手机环境与模拟器环境可能存在差异，真机调试能够更准确地发现和办理实际利用中的题目。
    
  • 清缓存按钮：用于清除数据缓存、文件缓存等。在开发过程中，缓存可能会影响小步调的运行结果，实时清除缓存可以确保获取最新的代码和数据。
    
  • 上传按钮：将代码上传到小步调管理后台，在 “开发管理” 中可以查看上传的版本。当小步调开发完成后，需要将代码提交审核时，就通过此按钮上传代码。需要注意的是，如果创建项目时利用的 AppID 为测试号，则不会体现 “上传” 按钮。
    
  • 版本管理按钮：用于通过 Git 对小步调进行版本管理，方便团队协作开发，记录代码的修改历史，便于回溯和管理不同版本的代码。
    
  
  
• 模拟器功能
  
  
  
  • 模拟器用于模拟手机环境，可查看小步调在不同型号手机上的运行结果。在模拟器中，你可以选择不同的手机型号（如 iPhone 12/13 (Pro) 等），设置屏幕分辨率、网络环境等参数，以尽可能真实地模拟用户利用场景。同时，模拟器支持热重载功能，即在修改代码后，无需重新编译整个项目，即可实时看到修改后的结果，提高开发服从。
    
  
  
• 编辑器利用
  
  
  
  • 编辑器分为左右两栏。左栏用于浏览项目目次布局，方便快速定位和打开所需文件。右栏用于编写代码，在左栏单击某个文件，右栏就会体现该文件的内容，供开发者进行编辑。比方，在开发小步调页面时，可在右栏编辑页面的逻辑文件（.js）、布局文件（.wxml）、配置文件（.json）和样式文件（.wxss）等。
    
  
  
• 调试器功能
  
  
  
  • 调试器类似于 Google Chrome 浏览器中的开发者工具，提供了丰富的调试功能。
    
  • Console（控制台）面板：用于输出调试信息，开发者可以在代码中利用 console.log () 等方法输出变量值、执行结果等信息，方便查看代码的执行流程和数据状态。同时，也可以直接在控制台编写代码执行，进行一些简朴的测试和调试。
    
  • Sources（源代码）面板：可以查看或编辑源代码，并支持代码调试。在调试过程中，可以设置断点、单步执行代码、查看变量值等，帮助开发者深入分析代码逻辑，查找和办理题目。
    
  • Network（网络）面板：用于记录网络请求信息，包括请求的 URL、方法、参数、相应状态码、相应数据等。通过分析网络请求，开发者可以优化网络性能，如检查是否存在过多的网络请求、请求是否超时等题目。
    
  • Security（安全）面板：用于调试页面的安全和认证等信息，如检查 HTTPS 配置是否正确、是否存在安全漏洞等，确保小步调的安全性。
    
  • AppData（App 数据）面板：可以查看或编辑当前小步调运行时的数据，方便开发者了解数据的变化和状态，检查数据是否正确存储和更新。
    
  • Audits（审计）面板：用于对小步调进行体验评分，根据一系列性能指标和最佳实践标准，评估小步调的质量，提供改进发起，帮助开发者提升小步调的用户体验。
    
  • Sensor（传感器）面板：用于模拟地理位置、重力感应等传感器数据，方便开发者测试与传感器相关的功能，如地图应用中的定位功能、游戏中的重力感应操纵等。
    
  • Storage（存储）面板：用于查看和管理当地数据缓存，开发者可以查看小步调在当地存储的数据，包括缓存的数据、用户偏好设置等，确保数据存储和读取的正确性。
    
  • Trace（跟踪）面板：用于真机调试时跟踪调试信息，记录小步调在手机上运行的详细过程，帮助开发者在真机环境下查找题目。
    
  • Wxml（WXML 和 WXSS）面板：用于查看和调试 WXML 和 WXSS，可实时查看页面布局和样式的渲染结果，检查布局是否正确、样式是否生效等。
    
  
  

（三）小步调目次布局剖析

• 团体布局概述
  
  
  
  • 一个微信小步调项目标目次布局包含多个重要的文件夹和文件，每个部分都有其特定的功能和作用。
    
  
  
• 关键文件夹和文件解析
  
  
  
  • components 文件夹：用于存放页面中利用的组件。每个组件通常由一个或多个文件构成，如组件的逻辑文件（.js）、配置文件（.json）、布局文件（.wxml）和样式文件（.wxss）。组件化开发有助于提高
    
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告