【微信小程序入门】2、微信小程序开发前准备

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。

🍎个人主页:Java Fans的博客

🍊个人信条:不迁怒,不贰过。小知识,大智慧。

💞当前专栏:微信小程序开发实战

✨特色专栏:国学周更-心性养成之路

🥭本文内容:【【微信小程序入门】2、微信小程序开发前准备

文章目录

一、导入新课

为了帮助开发者更加便捷、高效地实现微信小程序的开发,微信团队特别推出了一套强大的微信开发者工具。这套工具集成了公众号网页调试和小程序调试两种开发模式,为开发者提供了全方位的开发支持。在着手正式开发微信小程序之前,开发者需要进行一系列开发前的准备工作,以确保项目顺利进行。接下来,我们将详细讨论微信小程序开发前的准备工作,帮助开发者更好地准备和规划他们的开发过程。

二、新课讲解

1、注册微信小程序开发账号

(1) 使用浏览器访问微信公众平台的官方网站。

(2) 单击"立即注册"链接,进入开发账号的注册页面,选择注册的账号类型。

(3) 单击"小程序"链接,跳转到小程序注册页面。

(4) 根据提示填入自己的邮箱、密码、确认密码等,完成账号信息的填写。

(5) 单击"注册"按钮,进入提示邮箱激活页面。

(6) 单击"登录邮箱"按钮,登录步骤(4)中填写的邮箱,查看收到的账号激活链接。

(7) 单击激活链接,将跳转到用户信息登记页面,根据页面提示进行用户信息登记。

(8) 填写完用户相关信息后,单击"继续"按钮,进入微信小程序管理后台。

2、获取微信小程序AppID

(1) AppID的概念。

在微信小程序开发中,AppID(小程序ID)是每个小程序的独特标识,类似于身份证号码,用于唯一标识一个小程序。每个小程序账号只能拥有一个AppID,这也意味着每个账号只能发布一个小程序。如果开发者需要发布多个小程序,就需要注册多个小程序账号来获取不同的AppID。

(2) 获取微信小程序AppID的方法。

  • 登录微信小程序管理后台;
  • 在左侧边栏中选择"开发管理";
  • 选择"开发设置",即可查看AppID。

通过以上简单的步骤,开发者就可以快速获取到他们所开发的微信小程序的AppID,从而顺利进行后续的开发工作。获取AppID是微信小程序开发的第一步,也是非常重要的一步,因为它将贯穿整个小程序开发和发布的过程。

(3) 获取微信小程序AppID的注意事项。

  • 账号权限: 确保你使用的微信账号具有足够的权限来获取AppID。通常情况下,需要使用具有开发者权限的微信公众号账号登录微信小程序管理后台才能获取到AppID。
  • 唯一性: 每个小程序的AppID是唯一的,确保在获取AppID时不要混淆或重复使用。每个小程序账号只能拥有一个AppID,因此在创建新小程序时需要注意生成新的唯一AppID。
  • 保密性: AppID是小程序的核心标识之一,具有一定的安全性要求。在获取AppID后,开发者需要妥善保管,避免泄露给未授权的人员或第三方。
  • 开发设置页面: 在获取AppID时,确保进入正确的页面,即"开发设置"页面。在微信小程序管理后台中,开发者需要按照指引正确选择菜单,以免获取错误的信息。
  • 开发者文档: 如果在获取AppID的过程中遇到问题或不清楚的地方,可以参考微信官方的开发者文档或向微信开发者社区寻求帮助,以确保顺利获取AppID。

3、安装微信开发者工具

(1) 打开微信开发者工具下载页面

在微信小程序管理后台的左侧边栏中选择"开发工具",然后选择"开发者工具",找到微信开发者工具的下载页面。

(2) 打开微信开发者工具的下载链接页面

单击"下载"按钮,跳转到微信开发者工具的下载链接页面。

(3) 下载微信开发者工具

单击稳定版的"Windows 64" 链接下载该版本的微信开发者工具安装 包,安装包名称为"wechat_devtools_l.06.2206090_win32_x64.exe"。

(4) 安装微信开发者工具

双击微信开发者工具的安装包,进入微信开发者工具的安装向导,根据安装向导进行操作,完成微信开发者工具的安装。


4、创建微信小程序项目

(1)登录微信开发者工具

首次打开微信开发者工具时,会出现一个登录界面,如下图所示。

在登录界面中,可以使用微信扫码登录微信开发者工具,微信开发者工具将使用这个微信账号的信息进行微信小程序的开发和调试。


(2)进入微信小程序的启动页

使用微信扫码登录成功后会进入微信开发者工具的项目选择界面。


(3)创建微信小程序项目微信开发者工具安装

单击步骤2中图片的"+"可以进入微信小程序项目的创建界面,将内容填写完成后,单击"确定"按钮创建微信小程序项目。


(4)在微信小程序项目的创建界面中,可以自定义项目名称和目录,如填写项目名称为"HELLO",目录为"D:\miniprogram\hello"。关于AppID、开发模式、后端服务和模板选择的具体解释如下:

  • AppID :`填写1.2.2小节获取的AppID即可。如果不想使用自己的AppID,也可以使用测试号,二者的区别是,前者能够使用的功能比后者多,例如代码的上传和发布。
  • 开发模式 :有"小程序"和"插件"两种选择,由于我们要创建一个微信小程序项目,所以此处应选择"小程序"。
  • 后端服务 :有"微信云开发"和"不使用云服务"两种选择。在"微信云开发"中 ,开发者无须搭建服务器,即可使用云函数、云数据库、云存储以及微信云托管等完整云端能力。
  • 模板选择:微信开发者工具提供了多种模板用于快速创建微信小程序项目。

(5)微信开发者工具的外观设置

微信开发者工具允许用户对其进行外观设置,包括主题、调试器主题和自定义外观。默认的主题为深色, 如果想设置为其他颜色,更换选项即可。

首先单击微信小程序项目选择界面中的 "

" 进入设置页面,然后在弹出的设置页面中单击"外观"选项进入外观设置页面,最后在主题下的单选框中选择需要更换的颜色。外观设置页面如下图:

三、总结归纳

在注册微信小程序开发账号、获取微信小程序AppID、安装微信开发者工具以及创建微信小程序项目的过程中,开发者需要按照一系列步骤进行操作。首先,注册微信小程序开发账号是为了获得开发权限和管理小程序的必要步骤。获取微信小程序AppID是为了唯一标识小程序并进行后续开发工作。安装微信开发者工具是为了提供开发环境和调试工具。创建微信小程序项目则是正式开始开发小程序的关键步骤。

总结起来,注册微信小程序开发账号、获取微信小程序AppID、安装微信开发者工具和创建微信小程序项目是微信小程序开发的基础步骤,每一步都至关重要,确保开发者能够顺利进行微信小程序的开发工作。这些步骤相互关联,一步步完成将为后续的小程序开发奠定良好的基础。

码文不易,本篇文章就介绍到这里,如果想要学习更多Java系列知识点击关注博主,博主带你零基础学习Java知识。与此同时,对于日常生活有困扰的朋友,欢迎阅读我的第四栏目《国学周更---心性养成之路》,学习技术的同时,我们也注重了心性的养成。

相关推荐
Kika写代码1 小时前
【微信小程序】页面跳转基础 | 我的咖啡店-综合实训
服务器·微信小程序·小程序
源码哥_博纳软云3 小时前
JAVA同城服务场馆门店预约系统支持H5小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
禾高网络3 小时前
租赁小程序成品|租赁系统搭建核心功能
java·人工智能·小程序
YUJIAN。4 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·小程序·uni-app
关你西红柿子6 小时前
小程序app封装公用顶部筛选区uv-drop-down
前端·javascript·vue.js·小程序·uv
V+zmm101346 小时前
基于小程序宿舍报修系统的设计与实现ssm+论文源码调试讲解
java·小程序·毕业设计·mvc·ssm
V+zmm1013413 小时前
基于微信小程序的乡村政务服务系统springboot+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
还这么多错误?!13 小时前
uniapp微信小程序,使用fastadmin完成一个一键获取微信手机号的功能
微信小程序·小程序·uni-app
_院长大人_13 小时前
微信小程序用户信息解密 AES/CBC/NoPadding 解密失败问题
微信小程序·小程序
web1350858863513 小时前
uniapp小程序使用webview 嵌套 vue 项目
vue.js·小程序·uni-app