【微信小程序】带你进入小程序的世界

时间:2022-09-29 18:04:11

✅个人主页:​​hacker_demo的51CTO博客​

????欢迎关注????点赞????收藏⭐留言????

????系列专栏:微信小程序

????个人格言:不断的翻越一座又一座的高山,那样的人生才是我想要的。这一马平川,一眼见底的活,我不想要,我的人生,我自己书写,余生很长,请多关照,我的人生,敬请期待????????????

【微信小程序】带你进入小程序的世界

小程序简介&注册小程序开发账号

小程序简介

小程序与普通网页开发的区别运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 API不同 由于运行环境的不同,小程序无法调用DOM和BOM的API 但是小程序可以调用微信环境提供的各种API,例如:地理定位,扫码,支付。 开发模式不同 网页的开发模式:浏览器+代码编辑器 小程序有自己的一套标准开发模式 ????申请小程序开发账号 ????安装小程序开发者工具 ????创建和配置小程序项目

注册小程序开发账号

使用浏览器打开​​微信公众平台​​网址,点击右上角的"立即注册"即可进入到小程序开发账号的注册流程

【微信小程序】带你进入小程序的世界

选择注册类型

【微信小程序】带你进入小程序的世界

填写账号信息点击注册

【微信小程序】带你进入小程序的世界

前往注册的邮箱查看激活信息

【微信小程序】带你进入小程序的世界

点击链接激活账号

【微信小程序】带你进入小程序的世界

填写信息选择个人

【微信小程序】带你进入小程序的世界

填写主体信息登记

【微信小程序】带你进入小程序的世界

提交主体信息

【微信小程序】带你进入小程序的世界

获取小程序APPID

切换到微信小程序管理后台找到开发-开发管理-开发设置-开发者ID,即可获取到小程序APPID

【微信小程序】带你进入小程序的世界

微信开发者工具

了解微信开发者工具

微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:????快速创建小程序项目 ????代码的查看和编辑 ????对小程序功能进行调试 ????小程序的预览和发布

下载微信开发者工具

推荐下载和安装最新的稳定版(Stable Build)的微信开发者工具,下载页面的链接如下:​​https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html​对应版本下载

【微信小程序】带你进入小程序的世界

双击打开下载文件

【微信小程序】带你进入小程序的世界

【微信小程序】带你进入小程序的世界

点击我接受

【微信小程序】带你进入小程序的世界

选择文件安装路径点击安装

【微信小程序】带你进入小程序的世界

等待安装完成

【微信小程序】带你进入小程序的世界

点击完成

【微信小程序】带你进入小程序的世界

运行开发者工具扫码登录在微信上确认登录

【微信小程序】带你进入小程序的世界

【微信小程序】带你进入小程序的世界

扫码登录后的界面如下

【微信小程序】带你进入小程序的世界

创建第一个小程序项目

点击小程序选择加号

【微信小程序】带你进入小程序的世界

按照下图所示创建即可 ????注:APPID在小程序管理后台获取

【微信小程序】带你进入小程序的世界

这样第一个小程序项目就创建好了

【微信小程序】带你进入小程序的世界

结束语????

以上就是微信小程序之带你进入小程序的世界,创作不易多多支持????????????

你们的支持就是hacker创作的动力????????????

【微信小程序】带你进入小程序的世界