微信网页设计开发

本套视频意在启发创意，把玩前端技术，实战开发微信网页小应用。小应用中绝大部分功能依赖微信 JS-SDK 提供的原生硬件接口。微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。学习本课程前，你需要具备的前置知识包括：Node.js、Vue.js、HTML5、CSS3

共 12 个视频关注课程

总述

微信网页开发环境

2-1

快速搭建 Web 服务

2-2

认识内网穿透工具 Natapp

2-3

微信开发者接入公众号

微信第三方网页授权流程

3-1

引导微信用户网页授权

3-2

拉取微信用户基本信息

H5 页面设计开发流程

4-1

个人主页UI设计

4-2

1:1适配移动端个人主页UI设计稿

4-3

路由控制单页面间跳转

4-4

去掉 URL 讨厌的井号

4-5

个人主页授权登录完整流程

4-6

H5个人主页设计开发完结篇

总控制台

5-1

管理 AccessToken

5-2

用户管理

5-3

素材管理

批量水印生成器 · 小应用

6-1

Ps 演示水印叠加原理

6-2

微信 JS-SDK 从手机相册选择照片

6-3

微信 JS-SDK 上传已选照片

6-4

持久化存储临时媒体素材

6-5

Canvas 渲染图片

6-6

叠加渐变国旗

6-7

叠加 Logo

6-8

叠加修饰边框

6-9

合成图像后保存与分享

CC · 小应用

7-1

PeerJS：基于 WebRTC API 的封装

7-2

简单文本

7-3

多人在线涂鸦

7-4

视频会议

趣学周易 · 小应用

8-1

周易：卦名、卦象、卦辞、爻题、爻词

8-2

Canvas 渲染八卦与阴阳鱼

8-3

Canvas 与请求动画帧

8-4

Canvas 移动端触摸事件

8-5

Canvas 触摸事件控制阴阳鱼转动

8-6

实现随机转出内卦、外卦

8-7

显示随机组合出的易卦

录音机 · 小应用

9-1

微信 JS-SDK 录音

9-2

自动停止录音

9-3

微信 JS-SDK 上传录音

9-4

转换 AMR 音频到 MP3 格式

9-5

微信 JS-SDK 播放录音

9-6

录音倒计时自动上传

写字楼数字孪生 · 小应用

10-1

Blender 制作写字楼 3D 模型

10-2

Three.js 基础

10-3

Three.js GLTF 3D 模型加载器

10-4

网页渲染 3D 模型

10-5

3D 摄像机平移、旋转、缩放

10-6

Echarts.js 可视化图表

10-7

3D 场景互动

说走就走的旅行 · LBS 小应用

11-1

微信公众号收集用户地理信息

11-2

微信 JS-SDK 获取用户地理信息

11-3

腾讯地图 JavaScript API

11-4

腾讯地图中标记打卡地点

11-5

打卡地点富媒体动态发布

11-6

互动与分享

爱读绘本 · 小应用

12-1

Fabric.js 自由涂鸦

12-2

创建数字涂鸦绘本

12-3

为涂鸦绘本配音

12-4

原创有声涂鸦绘本

12-5

合成视频

12-6

互动与分享

12-7

多人创作有声绘本