赞
踩
立如芝兰玉树,笑如朗月入怀。——佚名
个人主页 @充电区
点击查看所属专栏 《微信小程序》
【关注+收藏专栏】知识追番,不遗漏 !!!
API应用程序接口Application Programming Interface
微信小程序是一种运行在微信内部的轻量级的应用程序
小程序特性:无需安装,用完即走,无需卸载,触手可及
小程序开发:访问微信公众平台(https://mp.weixin.qq.com)注册微信小程序账号
申请账号前先准备一个邮箱:
【要求】
1、未被微信公众平台注册
2、未被微信开放平台注册
3、未被个人微信号绑定过(如有可解绑)
获取appID(位置:开发管理-开发设置-开发者ID)
【微信公众平台】
微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
【完善小程序账号信息】
项目成员(参与开发,运营,数据分析)和体验成员
开发者ID=APPID+AppSecret
AppID:在微信账号体系内唯一的身份凭证
AppSecret:开发者对小程序拥有所有权的凭证
【微信开发者工具下载】
稳定版:稳定性高,开发中推荐
预发布版:稳定性尚可,一般包含新的,大的特性,通过了内部测试
开发版:稳定性差,主要用于尽快修复缺陷,敏捷上线小
注意事项:微信开发工具必须联网使用!
在模拟器上查看项目效果
点击编译——看左边页面or预览——放大左边页面看
一个完整的小程序项目分为两个部分:
主体文件(全局文件),作用于整个小程序中,影响小程序的每个页面,主体文件必须放在项目的根目录下
注意:主体文件的名字必须是app,且app.js和app.json是必须的
页面文件(存放在pages目录下,一个页面一个文件夹)
每个页面所需的文件
每个页面通常由四个文件组成【每个文件只对当前页面有效】
.js页面逻辑
.wxml页面结构
.wxss页面样式
.json小页面配置
注意:.js和.wxml文件是必须的
更改渲染模式:skyline改为webview渲染模式
将以下选中代码删掉
Wxml panel
用于帮助开发者开发wxml转化后的界面。在这里可以看到真实的页面结构以及对应的wxss属性,同时可以通过修改对应的wxss属性,在模拟器中实时看到修改情况(仅为实时预览,无法保存到文件)
Console
build编译小程序
preview预览
upload上传代码
openVendor打开基础库所在目录
openToolsLog打开工具日志目录
checkProxy(url)检查指定url的代理使用情况
系统打印信息
Network
用于观察和显示发送请求(request)和调用文件(socket)的信息和具体情况
Appdata
用于显示当前项目运行时小程序的appdata具体数据,实时反应项目数据情况,可以在此处编辑数据,并及时反馈到界面上
Storage6
数据存储情况,可以直接在storage面板上进行修改、删除、新增
编译:模拟器刷新
预览:“弹出”二维码,扫描,点击胶囊里三个点,点击底部弹出的开发调试选项,重启,重新扫描二维码
真机调试:与预览的区别,会弹出一个调试器
清缓存
(如果清除后某些错误还存在,点击左上项目,点击重新打开此项目)
每天学一点,知识不遗漏!
如有错误,还望大佬海涵,不吝指正【抱拳】
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。