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

简介: 由于运行环境的不同,小程序无法调用DOM和BOM的API但是小程序可以调用微信环境提供的各种API,例如:地理定位,扫码,支付。

75860e007264416dbfd5fc8c6f545ed3.gif


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



小程序简介


小程序与普通网页开发的区别


运行环境不同

网页运行在浏览器环境中

小程序运行在微信环境中


API不同


由于运行环境的不同,小程序无法调用DOM和BOM的API

但是小程序可以调用微信环境提供的各种API,例如:地理定位,扫码,支付。


开发模式不同


网页的开发模式:浏览器+代码编辑器

小程序有自己的一套标准开发模式

💬申请小程序开发账号

💬安装小程序开发者工具

💬创建和配置小程序项目


注册小程序开发账号


使用浏览器打开https://mp.weixin.qq.com网址,点击右上角的"立即注册"即可进入到小程序开发账号的注册流程


0343132172024777a32e7ab3f63d17a8.png


选择注册类型


121a01dea77d4448b3e5733a7cdc8229.png


填写账号信息点击注册


0e721e836e594ea5a4c6329d2d62be78.png


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


43d2ab93c8b14b17b66839e7509cb1f8.png


点击链接激活账号


e8affa33e3054becbc6f9ad401af5cd3.jpg


填写信息选择个人


a594273b0bd141059950504bd869ee1e.png



填写主体信息登记


f8b0a81221d04a6a8bde1cefe146d859.png


提交主体信息


6f7d2197c07c41098e10936653eefa9f.png


获取小程序APPID



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


cbb5daac7dbb49bb823e2ba6c1375bbb.png


微信开发者工具



了解微信开发者工具


微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:

💬快速创建小程序项目

💬代码的查看和编辑

💬对小程序功能进行调试

💬小程序的预览和发布


下载微信开发者工具

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

对应版本下载


ed933a0ea42e4983ad1444ac2f7b20d4.png


双击打开下载文件


d150dd26c5324781a5c813b508a7fc17.png

e888cb0a796f4716ba858fd5c8278941.png


点击我接受


9c4e557440c54a43a64ce46216b5050a.png


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


c278fa1d680c4edb96f8a8eed35ce05e.png


等待安装完成


25e350ae864141d9b3e01336643af689.png


点击完成


6a4c72ca1ff24856a6f9170045a8d65a.png


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


0bf3748bc37c46a2a6ff557e5068b85f.png2e77f1efa4d6456a9d514d6ca0006057.png


扫码登录后的界面如下


d5a1aaf98c844aa58f3bc975b78c053f.png


创建第一个小程序项目



点击小程序选择加号


ab11adc8e248441bade7d276a1b592c7.png


按照下图所示创建即可

💬注:APPID在小程序管理后台获取


254628b30c19470590beab99aa37024b.png


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


1d9bf0058a6349fca2dc8b67b8fe2400.png


结束语🏆


以上就是微信小程序之带你进入小程序的世界

持续更新微信小程序教程,欢迎大家订阅系列专栏🔥微信小程序

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


目录
相关文章
|
1天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的传统戏曲推广微信小程序附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的传统戏曲推广微信小程序附带文章和源代码部署视频讲解等
7 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的健身小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的健身小程序的详细设计和实现
5 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的智慧消防微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的智慧消防微信小程序的详细设计和实现
8 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的个人日程安排微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的个人日程安排微信小程序的详细设计和实现
7 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的高质量阅读微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的高质量阅读微信小程序的详细设计和实现
7 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的实验室管理微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的实验室管理微信小程序的详细设计和实现
6 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的云匹面粉直供微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的云匹面粉直供微信小程序的详细设计和实现
5 0
|
13天前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
29 5
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的外卖小程序的研究与开发的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的外卖小程序的研究与开发的详细设计和实现
5 0
|
1天前
|
缓存 人工智能 数据挖掘
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息