微信小程序入门.pptx

《微信小程序入门.pptx》由会员分享，可在线阅读，更多相关《微信小程序入门.pptx（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Andy Zheng微信小程序微信小程序什么是小程序？1分享目标2小程序开发3小程序发布4总结5Contents目目录录1什么是小程序?What?如果在大街上，你有小家好吃的小吃店在做活动，但需要你下载他的APP来购买，你愿意吗？Yes or NoWhyWhy？算了还是不装了！怕广告推送安装占空间下载要流量微信小程序可以避免这样情况微信小程序可以避免这样情况什么是微信小程序？什么是微信小程序？优势劣势a)要用的时候打开，不用的时候关掉，即用即走。不需要下载，不占用手机内存空间。b)打开速度比普通的H5要快，接近原生APP。c)可以调用比H5更多的手机系统功能来进行开发，例如GPS定位、录音、拍

2、视频、重力感应等，能开发更丰富的使用场景。d)在安卓手机上可以添加到手机桌面，看上去跟原生APP差不多，但仅限安卓手机，iphone就不行了。e)运行速度跟APP差不多，也能做出很多H5不做到的功能，开发成本跟H5差不多，相对来说开发成本比APP要低。a)微信小程序只有2M的大小，这样导致无法开发大型一些的小程序。b)不能跳转外链网址，间接影响了小程序的开放性。c)需要像APP一样审核上架，这点比HTML5即做即发布要麻烦些。应用场景应用场景应用场景：1.基本涵盖所有低频、刚需的长尾生活服务需求场景2.初创企业进行产品模式的探索3.作为增量渠道，为原生App进行导流4.小部分高频、非刚需场景2

3、分享目标Target分享目标分享目标认识会找会用3小程序开发DeveloperDEMODEMO本本DEMODEMO架构架构u前端：coolsite360+微信小程序u数据库：leancloudu文件服务器：腾讯云、leancloudu后台：Java+Spring+websocket微信小程序腾讯云、leancloudJava后端设计规范设计规范uurl:u友好礼貌u清晰明确u便捷优雅u统一稳定u视觉规范uWeUI项目结构项目结构u主体：app.js(初始化逻辑)app.json(公共配置)app.wxss(公共样式)u页面：js(页面逻辑)json(页面配置)wxss(页面样式)wxml(页面

4、结构)组件组件uurl:u视图容器u基础内容u表单组件u导航u媒体组件u地图u画布u客服会话APIAPIuurl:u网络u媒体u文件u数据缓存u位置u设备u界面u数据分析工具工具u微信Web开发者工具u官网DEMO：小程序示例（组件和API的使用）u页面模板：（个人推荐，不免费，仅供参考！）u数据库：leancloud(有一定免费数量)数据分析数据分析uurl:u常规分析u自定义分析u数据助手4小程序发布Publish注册注册u注册小程序账号，并创建小程序，得到APPID和密钥创建项目创建项目上传前确保服务器域名配置（必须上传前确保服务器域名配置（必须httpshttps）完成开发后上传项目完成开发后上传项目提交审核提交审核获取小程序获取小程序通过小程序搜索通过二维码通过小程序码好友推荐5总结Summary总结总结认识框架UI组件API工具会找文档模板问题会用WXSSWXML基本组件和APIAndy Zheng