黑马视频
【黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?p=3&share_source=copy_web&vd_source=271b4386fd06dbbfd6504cf65bb85f31
小程序官方组件展示
https://mp.weixin.qq.com/
略
创建一个小程序项目
不使用云服务
模版使用JavaScript
启动后是这样的
主界面的主要组成
所有小程序的页面都放在pages目录中,以单独的文件夹存在,如图:
其中每个页面由4个基本文件组成,分别是:
app.json文件是当前小程序的全局配置,包括小程序的所有页面路径、窗口外观、界面表现、底部tab等。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
project.config.json是项目配置文件,用来记录对小程序开发工具所做出的个性化配置,例如:
sitemap.json文件,微信现已开放小程序内搜索,效果类似于PC网页的SEO。sitemap.json文件用来配置小程序页面是否允许微信索引。
当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
{
"desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
"rules": [{
"action": "allow",
"page": "*"
}]
}
“allow”:表示被索引
“disallow”:表示不被索引
页面的.json配置文件
小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项。例如:
新建小程序页面
只需要在app.json -> pages中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件,
修改项目首页
只需要调整app.json -> pages数组中页面路径的前后顺序,即可修改项目的首页。小程序会把排在第一位的页面,当作项目首页进行渲染,如图所示:
什么是宿主环境
宿主环境指的是程序运行所必须的依赖环境。例如:
Android系统和iOS系统是两个不同的宿主环境。安卓版的微信App是不能在iOS环境下运行的,所以,Android是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!
小程序的宿主环境
手机微信是小程序的宿主环境,如图所示
小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:
微信扫码、微信登录、微信支付、地理定位、ETC等
小程序宿主环境包含的内容
通信模型
运行机制
组件
小程序中组件的分类
小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类,分别是:
视图容器
常用的视图容器类组件
基础内容
其他常用组件:
表单组件
导航组件
媒体组件
map地图组件
canvas画布组件
开放能力
无障碍访问
API
wx.onWindowResize(function callback)
监听窗口尺寸变化的事件wx.setStorageSync('key','value')
向本地存储中写入内容$.ajax(aptions)
函数,需要通过success、fail、complete接受调用的结果wx.request()
发起的网络数据请求,通过success回调函数接受数据在中大型的公司里,人员的分工非常仔细:同一个小程序项目,一般会有不同岗位、不同角色的员工同时参与设计与开发。
此时出于管理需要,我们迫切需要对不同岗位、不同角色的员工的权限进行边界的划分,使他们能够高效的进行协同工作。
小程序的成员管理体现在管理员对小程序项目成员及体验成员的管理:
开发者的权限说明
添加项目成员和体验管理员
https://mp.weixin.qq.com/wxamp/user/manage?action=index&use_role=1&token=2121339583&lang=zh_CN
软件开发过程中的不同版本
小程序的版本
小程序发布上线的整体步骤
相对于普通二维码来说,小程序码的优势如下:
获取小程序码的5个步骤:
登录小程序管理后台 =》设置 =》基本设置 =》基本信息 =》小程序码及线下物料商城下载
相对于普通二维码来说,小程序码的优势如下:
获取小程序码的5个步骤:
登录小程序管理后台 =》设置 =》基本设置 =》基本信息 =》小程序码及线下物料商城下载
[外链图片转存中…(img-KxY0Xap9-1699341186280)]
在“小程序后台”查看
[外链图片转存中…(img-kqXiVk5s-1699341186280)]
使用“小程序数据助手”查看