微信小程序开发与应用 第一章 微信小程序的基本知识1

简介: 微信小程序开发与应用 第一章 微信小程序的基本知识1

前言


微信小程序,是小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。

微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。

我们通过微信开发者工具,我们能创建自己的小程序,当我们完成小程序开发者绑定、开发信息配置后,开发者即可下载开发者工具、参考开发文档进行小程序的开发和调试。提交审核和发布完成小程序开发后,提交代码至微信团队审核,审核通过后即可发布(公测期间不能发布)。


一、注册一个小程序账号


1、首先我们在微信公众号平台-小程序里面翻到最下面,这里我们点击前往注册即可,前往注册,输入绑定的邮箱以及密码等等。

1666889066152.jpg

2、完成注册后,重新进入微信公众平台,微信扫码或者使用账号登陆。


附网站链接:https://mp.weixin.qq.com/

1666889132739.jpg


3、在微信上提示登陆后,进入开发-开发管理中即可找到AppID,即小程序ID。

1666889143752.jpg

4、然后我们在微信公众平台寻找下载微信开发者工具,并选择下载稳定版。


附网站链接:

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

1666889163248.jpg


二、第一个微信小程序“Hello Wechat!”


(一)准备工作


1、打开微信开发者工具,提示用微信扫一扫登陆。

1666889190887.jpg

2、进入页面我们点击“+”,开始创建一个小程序。

1666889202396.jpg

3、此时会弹出小程序的项目名称以及目录,然后我们可以使用之前所创建的小程序ID或者使用测试号登陆,选择开发模式、后端服务以及语言后点击就绪。

1666889211313.jpg


(二)页面介绍


1、进入界面,我们看到左上方有四个矩形,分别是模拟器、编辑器、调试器以及可视化,前三个分别对应下面的手机页面、中间的编辑器以及下方的调试窗口。

1666889226850.jpg

2、另外我们要知道微信小程序页面是由四个文件组成的,即由.js、.json、.wxml、.wxss文件构成,其中

(1).js文件是页面逻辑文件,主要包含逻辑代码;

(2).json文件是页面配置文件,即每一个小程序页面都可以使用 .json 文件来对本页面的窗口表现进行配置;

(3).wxml文件是页面描述文件;

(4).wxss文件是样式表文件,用来渲染页面。

1666889285698.jpg


(三)代码编写及编译预览


1、我们点击index目录下的index.wxml,它会默认生成一些内容。

1666889300583.jpg

2、将无关紧要的删除后,我们开始编写一个微信小程序“Hello Wechat!”,输入view后回车,会自动产生一个< /view >,我们在view和< /view >之间输入Hello Wechat!,在点击上方的编译,即可看到左边模拟器显示我们刚刚输入的内容。

1666889313256.jpg

3、当然我们也可以通过编译旁边的预览,二维码预览或者自动预览即可在手机所登陆的微信号上展示。

1666889323321.jpg

1666889333173.jpg


结语


以上就是本次微信小程序开发的全部内容,感谢您的阅读和支持,若有表述或者代码中的不当之处,望指出!您的指出和建议能给作者带来很大的动力!!!


相关文章
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
1160 8
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
1050 1
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
768 3
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26772 0
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4968 7