微信小程序入门

AndyZheng微信小程序什么是小程序？1分享目标2小程序开发3小程序发布4总结5Contents目什么是小程序?What?如果在大街上，你有小家好吃的小吃店在做活动，但需要你下载他的APP来购买，你愿意吗？YesorNoWhy？算了还是不装了！怕广告推送安装占空间下载要流量什么是微信小程序？优势劣势a)要用的时候打开，不用的时候关掉，即用即走。不需要下载，不占用手机内存空间。b)打开速度比普通的H5要快，接近原生APP。c)可以调用比H5更多的手机系统功能来进行开发，例如GPS定位、录音、拍视频、重力感应等，能开发更丰富的使用场景。d)在安卓手机上可以添加到手机桌面，看上去跟原生APP差不多，但仅限安卓手机，iphone就不行了。e)运行速度跟APP差不多，也能做出很多H5不做到的功能，开发成本跟H5差不多，相对来说开发成本比APP要低。a)微信小程序只有2M的大小，这样导致无法开发大型一些的小程序。b)不能跳转外链网址，间接影响了小程序的开放性。c)需要像APP一样审核上架，这点比HTML5即做即发布要麻烦些。应用场景应用场景：1.基本涵盖所有低频、刚需的长尾生活服务需求场景2.初创企业进行产品模式的探索3.作为增量渠道，为原生App进行导流4.小部分高频、非刚需场景分享目标Target分享目标认识会找会用小程序开发DeveloperDEMO本DEMO架构前端：coolsite360+微信小程序数据库：leancloud文件服务器：腾讯云、leancloud后台：Java+Spring+websocket微信小程序腾讯云、leancloudJava后端设计规范url:=201769友好礼貌清晰明确便捷优雅统一稳定视觉规范WeUI项目结构主体：app.js(初始化逻辑)app.json(公共配置)app.wxss(公共样式)页面：js(页面逻辑)json(页面配置)wxss(页面样式)wxml(页面结构)组件url:视图容器基础内容表单组件导航媒体组件地图画布客服会话APIurl:网络媒体文件数据缓存位置设备界面数据分析工具微信Web开发者工具官网DEMO：小程序示例（组件和API的使用）页面模板：（个人推荐，不免费，仅供参考！！！）数据库：leancloud(有一定免费数量)数据分析url:=2017615常规分析自定义分析数据助手小程序发布Publish注册注册小程序账号，并创建小程序，得到APPID和密钥创建项目上传前确保服务器域名配置（必须https）完成开发后上传项目提交审核获取小程序通过小程序搜索通过二维码通过小程序码好友推荐总结Summary总结认识•框架•UI组件•API•工具会找•文档•模板•问题会用•WXSS•WXML•基本组件和APIAndyZheng