微信小程序入门开发教程(详解)

编程知识 行业动态 更新时间:2024-06-13 00:17:30

一、注册小程序账号
1、进入微信公众平台


2、点击立即注册


3、选择小程序


4、填写信息注册即可


5、绑定开发者


6、进入“设置-开发设置”,获取AppID信息。


二、下载微信web开发者工具
1、点击小程序后的查看详情


2、选择开发者工具


3、下载对应系统版本的应用程序


4、安装开发工具


三、编写小程序实例
1、打开工具点击小程序项目


2、填写相应信息,点击确定


3、实例目录结构


4、app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。


5、app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。


6、app.wxss是整个小程序的公共样式表(非必须)。


7、

index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。


8、

index.wxml是页面结构文件(必须)。


9、

index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。


10、在编辑配置好后点击真机调试


11、手机微信扫描二维码


12、自动弹出调试窗口,通过真机调试能够更好的测试小程序


 作者:咖圣网络 https://www.bilibili/read/cv8339029/ 出处:bilibili

更多推荐

微信小程序入门开发教程(详解)

本文发布于:2023-03-25 08:40:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/c38a87d361861446188c09efc55ec170.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:详解   入门   程序   教程   微信小

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!