1-1
第一章第一节微信小程序的基本知识1

文章目录

前言
一、注册一个小程序账号
二、第一个微信小程序“Hello Wechat！”
- （一）准备工作
- （二）页面介绍
- （三）代码编写及编译预览
结语

文章目录)

前言

微信小程序，是小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。
微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。
我们通过微信开发者工具，我们能创建自己的小程序，当我们完成小程序开发者绑定、开发信息配置后，开发者即可下载开发者工具、参考开发文档进行小程序的开发和调试。提交审核和发布完成小程序开发后，提交代码至微信团队审核，审核通过后即可发布（公测期间不能发布）。

一、注册一个小程序账号

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

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

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

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

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

附网站链接：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

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

（一）准备工作

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

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

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

（二）页面介绍

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

2、另外我们要知道微信小程序页面是由四个文件组成的，即由.js、.json、.wxml、.wxss文件构成，其中
（1）.js文件是页面逻辑文件，主要包含逻辑代码；
（2）.json文件是页面配置文件，即每一个小程序页面都可以使用 .json 文件来对本页面的窗口表现进行配置；
（3）.wxml文件是页面描述文件；
（4）.wxss文件是样式表文件，用来渲染页面。

（三）代码编写及编译预览

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

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

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

结语

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

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

视频教程-微信小程序开发教程（第一阶段、页面设计）（维吾尔语）-HTML5/CSS
微信小程序开发教程(第一阶段.页面设计)(维吾尔语) 毕业于北京邮电大学计算机专业.拥有将近10年的开发经验.精通java.php.python.c/c++.微信开发等等技术! 艾孜麦提阿布都热合曼 ...
视频教程-微信小程序开发全案精讲-微信开发
微信小程序开发全案精讲负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure RP8原型设计图解 ...
小程序开发代码_快速学会微信小程序开发，无需懂代码！
现在想要制作自己的小程序的人越来越多,但大多数都不懂任何代码知识,不知该如何制作.其实随着各种第三方开发工具的出现,无需微信小程序开发源代码,小白也能顺利生成一个自己的小程序了.下面我就跟大家说下该如 ...
微信小程序开发教程第八章：微信小程序分组开发与左滑功能实现
接着上面微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现.(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开 ...
视频教程-微信小程序开发教程(第1篇)-微信开发
微信小程序开发教程(第1篇) 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试(软考)--"信息系统项 ...
Linux 小程序开发日记（终章）(pyqt+yolov5)
Linux 小程序开发日记(终章) 哈喽大家好,我是爱喝欢乐水的柳橙汁,这一篇,是最后一篇啦.我会将所有个过程都梳理一遍. 关于代码的详细注释,大家就参考一下之前的笔记吧.这一篇博客我就放上我精简的代 ...
了解微信小程序、掌握微信小程序开发工具的使用、了解小程序的目录以及文件结构、掌握小程序中常用的组件、掌握WXML、WXSS、WXS的基本使用
1 微信小程序介绍以及开发准备 1.1 了解微信小程序百度百科: 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及&quo ...
微信公众号开发入门教程第一篇
微信公众号开发入门教程第一篇关键字:微信公众平台开发作者:方倍工作室在这篇微信公众平台开发教程中,我们假定你已经有了PHP语言程序.MySQL数据库.计算机网络通讯.及HTTP/XML/CSS/ ...
第一章计算机、程序和Java概述复习题解答
第一章计算机.程序和java概述复习题 1.2~1.4节 1.1给出硬件和软件的定义解:一般来说,硬件包括计算机中可以看得见的物理部分,而软件提供看不见的指令,这些指令控制硬件并且要求硬件完成特 ...

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

文章目录

前言

一、注册一个小程序账号

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

（一）准备工作

（二）页面介绍

（三）代码编写及编译预览

结语

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

最新文章

热门文章

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

文章目录

前言

一、注册一个小程序账号

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

（一）准备工作

（二）页面介绍

（三）代码编写及编译预览

结语

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

最新文章

热门文章

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

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