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

简介: 由于运行环境的不同,小程序无法调用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月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
50 1
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
78 6
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
535 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
1月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
32 0
|
2月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
3月前
|
移动开发 小程序 前端开发
|
3月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
3月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
3月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
3月前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)

热门文章

最新文章