通过开发小程序登录界面实现体验版开发

个人小程序的注册可以通过这个地址注册，选择小程序即可

 注册之后通过邮箱填写个人信息，在选择主体类型时选择个人即可。

用注册的微信登录微信公众平台填写小程序的基本信息，小程序审核通过后会生成该程序的AppId，将AppId填写到微信开发者工具的基本信息以及项目目录下的manifest.json配置文件中。如下图所示

 体验版开发

第一步：新建login文件夹，在改文件下新建login.vue组件，登录页面具体内容根据开发需求编写

 第二步:在page.js中注册登录页面，因为加载小程序的第一个页面是登录页，所以将登录页面放在了pages数组的第一项。

第三步：配置请求地址的域名，登录微信公众平台，选择开发管理——>开发设置——>服务器域名

 将访问数据的接口地址填写到request合法域名中。

查看微信开发者工具中项目配置是否同步

 第四步：将微信开发者工具中的不检验合法域名...的√去掉，再次请求登录成功。

 第五步：若在微信开发者工具中登录成功，就可以点击上传啦

 第六步：打开微信公众平台的版本管理，添加体验版

 开发中遇到的问题：

1.request合法域名必须为https开头，具体要求可以查看官网

 2.小程序真机版，体验版调试模式都可以访问后台数据，但体验版不能访问

解决办法：第一个是上面的步骤四，第二个清理手机小程序缓存。清理小程序手机缓存：打开手机微信——>发现——>小程序——>小程序体验版（点击长按删除，即可清除缓存）

3.在微信开发者工具中访问不到数据（前提是保证代码没问题）

解决方法：打开微信开发者工具的清缓存——>全部清除——>编译