[笔记]学习做微信小程序

学习视频：前端微信小程序开发教程
本篇文章只对关键内容笔记，用于自用。

这里写目录标题

注册、下载、安装
我的小程序ID：wxe1fbd6939d8797d8
我的小游戏ID：wx8b2c3e47ac9127b7
- 开发者工具外观代理设置
创建第一个小程序
- 主界面5个组成部分
小程序代码的构成
- 项目基本组成
- 页面组成部分
- JSON配置文件
- WXML模板
- WXSS样式
- JS逻辑交互
宿主环境
- 宿主环境简介
- 通信模型
- 运行机制![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/8f4a61625a0544458f4c69933ed26511.png)

注册、下载、安装

前期注册使用可参考博客：微信开发者工具

注册小程序网址：https://mp.weixin.qq.com/
在这里插入图片描述
注册了一个个人账号后
进入小程序后台，获取小程序的App ID。

创建的账号是小游戏还是小程序要注意！
否则像创建小程序，输入ID自动会跳转到小游戏。

我的小程序ID：wxe1fbd6939d8797d8

我的小游戏ID：wx8b2c3e47ac9127b7

在这里插入图片描述
下载安装微信开发者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

开发者工具外观代理设置

在这里插入图片描述

创建第一个小程序

在这里插入图片描述
然后缓存目录创建空文件夹dy1，创建小程序选择该文件夹。
因为创建的账号是小游戏，导致输入AppID 自动从小程序变为小游戏。

主界面5个组成部分

在这里插入图片描述

小程序代码的构成

项目基本组成

在这里插入图片描述

页面组成部分

index存放的是index首页，logs存放的是logs日志

在这里插入图片描述

.js 页面脚本
.json 当前页面配置
.wxml 页面模板结构
.wxss 页面的样式表

JSON配置文件

在这里插入图片描述

拿到别人的项目，要先进project.config.json，找到里面的"appid"进行修改
"projectname"项目名称和小程序名称 无关，不需要相同
"setting " 与详情中的本地设置相对应。

在这里插入图片描述
“rules” 索引规则。
"allow"指都允许被索引，"disallow"不允许索引
"*"指所有页面

关闭黄色提示消息

在这里插入图片描述
在pages->index->index.json 中的配置优先级最高，高于app.json

在这里插入图片描述

保存，即可更新目录。

在这里插入图片描述

WXML模板

在这里插入图片描述

WXSS样式

在这里插入图片描述

JS逻辑交互

在这里插入图片描述

宿主环境

宿主环境简介

在这里插入图片描述

通信模型

在这里插入图片描述

运行机制

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/309382.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！