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

简介: 经过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

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

相关文章
|
3月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
3月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
7月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
1450 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
6月前
|
Java API
wxid添加微信好友工具,免费微信wxid转换器二维码,jar实现仅供学习参考
本项目实现微信ID与wxid的转换及二维码生成功能,核心逻辑基于ZXing库完成QR编码,支持文件批量导入导出。
|
6月前
|
编解码 Java
wxid加微信好友工具,二维码转换工具,微信号转wxid插件【仅供学习参考】
本工具基于JAVA实现微信ID转换功能,支持wxid、微信号与二维码之间的相互转换。开发中使用ZXing库(版本3.5.1)完成二维码编解码,并设计核心类`WxidConverter`实现关键转换逻辑。
|
6月前
|
JSON 安全 定位技术
微信附近人提取v3脚本, 微信附近人id提取技术插件,采集附近人wxid数据工具
本内容介绍微信“附近的人”功能的技术原理与实现方法,基于LBS服务,涉及位置模拟、协议分析及数据解析。通过修改GPS坐标或使用Frida等工具hook位置函数
微信封号脚本插件,全自动批量投诉工具, vx隔空抓包封号思路【仅供学习参考用途】
这是一款针对微信投诉自动化处理的工具插件,通过模拟点击操作实现批量投诉功能。相比手动投诉,该插件效率更高、成功率更有保障。
|
7月前
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
614 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
|
6月前
|
存储
微信附近人提取工具,附近人微信号采集,用xposed实现【仅供学习参考】
主Hook模块拦截微信附近人界面,数据结构保存用户信息,数据导出模块实现CSV格式存储,以及Xposed框架入口配置。