Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2188270
  • 博文数量: 866
  • 博客积分: 14125
  • 博客等级: 上将
  • 技术积分: 10638
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-27 16:53
个人简介

https://github.com/landuochong

文章分类

全部博文(866)

文章存档

2019年(3)

2018年(1)

2017年(10)

2015年(3)

2014年(8)

2013年(3)

2012年(70)

2011年(103)

2010年(360)

2009年(283)

2008年(22)

分类: Web开发

2019-04-03 20:29:49

1.申请小程序账号

小程序开发文档:  https://developers.weixin.qq.com/miniprogram/dev/

账号申请地址: https://mp.weixin.qq.com/wxopen/waregister?action=step1

公众平台登录地址: https://mp.weixin.qq.com/

拿到开发要用的 appid: 小程序后台 → 开发 → 开发设置 → AppID(小程序ID)


2.下载安装微信开发者工具

开发者工具下载: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19022220

3.微信开发者工具使用介绍
   模拟器可悬浮
   快速打开文件 Ctrl + p
   打开最近浏览文件 Ctrl + e
   如果不习惯微信开发者工具, 可以用第三方编辑器来编写代码, 但是调试我们还是需要用微信开发者工具, 注意安装微信小程序语言插件, 如 vscode 的 minapp

4.创建第一个项目以及目录结构说明
    项目填写 APPID 可以体验全部 API 功能, 否则只能体验部分功能
  
├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils 

5.

微信小程序的调试方法
小程序的调试器面板可以满足我们最基本的调试需求, 开发中有些便捷的方式在这里分享一下
1.小程序在预览之后可以在手机上打开 vConsole, 可以通过手机查看一些调试信息
2.如何通过手机查看已上线小程序的调试信息: 从开发者模式打开 vConsole 然后打开线上小程序, vConsole 此时还是存在的, 可以直接查看
3.真机调试模式可以时时打印编辑器上的调试信息, 真机调试每次只能供一台手机使用
4.真机清除小程序缓存办法: 删掉开发板小程序, 重新扫码即可, 注意个别安卓机清除不掉
5.遇到很奇怪的问题没有解决思路, 要去小程序社区搜索相关问题, 如组件, API 名称等
6.在开发中如果没有配置合法域名或者后端接口并未上线正式环境, 一定要勾选不校验合法域名选项
7.如果涉及到调试二维码中所带的参数, 小程序的编译模式中有个通过二维码编译即可实现二维码调试
阅读(344) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册