微信小程序--》小程序简介与工具安装配置

简介: 经过web前端开发的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了微信小程序,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第一站就是小程序开发,希望看到我文章的朋友能对你有所帮助。

🔥小程序简介

在写小程序之前我们应该了解以下内容,知道自己开发的是什么,又如何开发。

🏍️什么是小程序?

小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。

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

🐒1、运行环境不同

网页运行在浏览器环境中小程序运行在微信环境中

🐶2、API不同

   由于运行环境的不同,所以小程序中,无法调用DOM和BOM的API。但是小程序中可以调用微信环境提供的各种API,例如:

   🏃地理位置        🏃扫码        🏃支付

🐕3、开发模式不同

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

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

🍁申请小程序开发账号       🍂安装小程序开发者工具       🍃创建和配置小程序项目

🛺小程序官方组件展示

日常开发中我们可以会遇到一些不熟悉的标签组件,我们可以通过查看微信官方文档,点击体验小程序扫码即可查看里面相关功能的介绍,也能去体验一下小程序给我们提供的哪些能力。

图片.png

🔥首次创建小程序的流程

如果你是第一次开始创建小程序,那么请遵循以下几个步骤一步一步开始。

🏍️注册小程序开发账号

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

首先登录网站,点击立即注册

图片.png

跳转页面后选择小程序

图片.png

进入小程序之后,对个人信息账号密码进行一个填写

图片.png

填写之后在填写的邮箱中确认注册信息,注意,作为学习者我们必须选择主题类型为个人。

图片.png

填写之后我们就可以进入到微信小程序的管理后台

图片.png

获取小程序的AppID(创建小程序项目的时候会用到)。

图片.png

🛵安装开发者工具

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

🍇快速创建小程序项目

🍈代码的查看和编辑

🍉对小程序功能进行调试

🍊小程序的预览和发布

🐒下载

推荐下载和安装最新的稳定版的微信开发者工具,下载链接如下:(根据自己的电脑配置选择相应的版本)

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

图片.png

🐶安装

傻瓜式安装就行,建议不装C盘,我C盘不大

图片.png

🐕扫描登录

安装完成,打开之后会出现一个二维码,用自己注册管理的微信扫码登录即可进行创建小程序。

图片.png

🐩配置开发者工具

安装完成之后我们根据自己的喜好进行相关配置。

图片.png

图片.png

图片.png

图片.png

🛺创建小程序

在项目开发中,我们通过编译器来查看我们的项目可以点击编译器上的编译即可

图片.png

如果想在手机上查看我们编译的项目,点击预览弹出的二维码,手机扫码即可。

图片.png

在详情这一块能查看我们当前项目的基本信息。

图片.png

今天的讲解就到这,下期继续讲解认知小程序的开发 !

相关文章
|
2月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
63 1
ly~
|
3月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
89 6
|
1月前
|
安全 API 开发者
微信开发者工具里面没有企业微信模式
企业微信与普通微信在应用场景和开发体系上存在本质区别,主要体现在身份认证、功能丰富性和开放能力等方面。企业微信开发需使用特定的API和工具,本文介绍了企业微信开发的基本步骤、特点及开发进度安排,帮助开发者更好地理解和应用企业微信的开发环境。
|
3月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
2月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
1155 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
2月前
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
49 3
|
2月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
48 1
|
2月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
39 0
|
3月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
747 7