手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序实战开发教程

时间:2024-10-25 19:46:01

1、一、准备工作1、注册一个小程序账号,得用一个没注册过公众号的邮箱注册。2、注册过程中需要很多认证,有很多认证,比较繁琐,如果暂时只是开发测试,不进行提审、发布的话,只要完成营业执照号填写就可以了,不需要完成微信认证。3、注册完账号,登录,在主页面左边列表中点击设置,然后再设置页面中选开发设置就可以看到AppID,用于登录开发工具。

微信小程序实战开发教程

2、二、开发工具 可以到官网下载开发工具下载。三、开始项目 打开开发者工具,选择小程序选项,到达添加项目页面。这个时候在前面设置页面的AppId就用到了。如果项目目录中的文件是个空文件夹,会提示是否创建quick start项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的demo。这个Demo拥有一个完整的小程序的大概框架。

微信小程序实战开发教程

3、框架先看下一目录:app.js:小程序逻辑,生命周期,,全局变量。app.json:小程序公共设置,导航栏颜色等,不可以注释。app.wxss :小程序公共样式,类CSS。小程序页面构成:页面构成:每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。路径:这四个文件按照功能可以分成三个部分:配置:json文件;逻辑层:js文件;视图层:wxss.wxml文件;在iOS上,小程序的javascript代码是运行在JavaScriptCore中;在Android上,小程序的javascript代码是通过X5内核来解析;在开发工具上,小程序的javascript代码是运行在nwjs(chrome内核)中。所以开发工具上的效果跟实际效果有所出入。

微信小程序实战开发教程

4、组件微信提供了许多组件,主要分为八种:视图容器、基础内容、表单组件、操作反馈、导航、媒体组件、地图、画布。包含view、scroll-view、button、form等普通常用的组件,也提供了地图map、画布canvas。组件主要属于视图层,通过wxml来进行结构布局,类似于html。通过wxss修改样式,类似于css。

微信小程序实战开发教程

5、API网络请求的使用必须先到公众平台登录小程序账号,在设置页面那里,设置允许访问的域名,网络请求包含了普通的http请求、支持上传、下载、socket。基本上满足了我们开发中所需要的网络需求。这些API属于逻辑层,写在js文件中。

微信小程序实战开发教程
© 手抄报圈