微信小程序从0到1,踩过的坑

使用的框架: uniapp , Vant Weapp。

用到的工具：HBuilderX => 编辑代码 , 微信开发者工具=> 用于运行编译结果，以及预览、上传到微信小程序管理后台。

uniapp:uni-app官网,

vant:Vant Weapp - 轻量、可靠的小程序 UI 组件库,

HBuilderX:HBuilderX-高效极客技巧，

微信开发者工具：微信开发者工具下载地址与更新日志 | 微信开放文档，

微信小程序后台：微信公众平台

1、如果没有账号先注册再登录

2、所有需要微信后台的配置

「1」这个里面都需要去申请、配置(这里不具体描述了 小程序类目一定切合实际)

「2」如果做了微信快捷登录一定要买这个用量

「3」如果使用了以下微信提供的API也需要去开通对应的服务( 如果不开通 上线审核肯定过不去)

「4」微信用户隐私保护指引 (一定要去填写更新，否则上线审核也不会通过)

「5」服务域名一定要提前申请，上线后的接口如果是ip地址什么的话是访问不通的

         如何在项目中使用 web-view打开别的页面的话 需要配置业务域名

「6」开发中一定要将项目进行分包处理，否则主包内容过大导致集成失败就无法上传项目

在pages.json 中设置

"在pages中为主包内容"

"pages": [
    {
		"path": "pages/index/index",
		"style": {
			"navigationBarTitleText": "首页",
			"enablePullDownRefresh": true,
			"onReachBottomDistance": 20
		}
	},
    {
			"path": "pages/my/index",
			"style": {
				"navigationBarTitleText": "我的"
			}
	},
    {
			"path": "pages/list/index",
			"style": {
				"navigationBarTitleText": "列表"
			}
		}
]

“subPackages为分包内容”

{
	"root": "detailPages",
	"pages": [
		{
			"path": "pages/detail/detail",
			"style": {
				"navigationBarTitleText": "详情",
				"navigationBarTextStyle": "#FFFFFF"
			}
		},
		{
			"path": "pages/detail/mapVue",
			"style": {
				"navigationBarTitleText": "地图",
				"navigationBarTextStyle": "#FFFFFF"
			}
		}
	]
},

「7」将项目中设计的图片资源一定要放在服务器上在项目中以https链接的方式使用图片减小项目体积微信小程序打包会把图片资源放在主包里，而主包大小不可超过固定大小2M