云开发壁纸搭建教程

网站源码下载访问下方文章

首先第一步,先去百度搜索Hbuilder X这个软件,然后下载,安装好

云开发壁纸搭建教程插图3

第二步打开Hbuilder X这个软件点击-文件-导入-从本地目录导入。然后导入刚刚下载好的源码。

云开发壁纸搭建教程插图4

第三步看图①的箭头选中这个文件夹,然后鼠标右键-点击第一个关联云服务空间或项目、然后弹出一个对话框,第一次需要注册,新建一个空间。看图②。随意取个名字。然后确认。看图③

云开发壁纸搭建教程插图5
云开发壁纸搭建教程插图6
云开发壁纸搭建教程插图7

第四步

创建好空间之后,返回Hbuilder X软件
依次点开文件然后鼠标右键看图①,
全部上传云函数

注意,必须成功关联空间不然会上传失败。

如果出现添加项目成员等等,你需要创建一个应用
看图②依次顺序操作名字随便

云开发壁纸搭建教程插图8
云开发壁纸搭建教程插图9

第五步


依次点开文件。和第四步一样。然后找到下面的db_init.json鼠标右键初始化数据库
看图①

云开发壁纸搭建教程插图10

第六步


就是HbuilderX免费提供的空间,这里就不多说。
然后打开空间直接点击云数据库。
然后看图找到wx_config这个表,改里面的微信ID和秘钥
看图①有标注。

云开发壁纸搭建教程插图11

第七步

补开始的上传那一步,上传之前,创建应用之后要返回Hbuilder X里面找到源码的manifest.json这个文件,点击-基础配置-重新获取就好了。

如果不重新获取会上传失败。总结的经验。
看图①

云开发壁纸搭建教程插图12

第八步


返回Hbuilder X软件
点击上面菜单栏-发行-小程序-微信-ini-app
弹窗-点击发行-【名字填小程序名字和ID】
看图①路径标注
看图②发行标注。

云开发壁纸搭建教程插图13
云开发壁纸搭建教程插图14

第八步


我们等待编译完成就好了图①
【出现编译报错一定要补全插件,下面会有提示,一键安装就好,纯小白都会】
然后开发者工具就正常显示我们的小程序了。
如果不显示请去微信小程序里面填写合法域名。
如图③
把源码里面给的域名依次填入对应的服务器域名里面,不多说。

云开发壁纸搭建教程插图15
云开发壁纸搭建教程插图16
云开发壁纸搭建教程插图17

第十步


最关心的问题管理员后台
首先我们在开发者工具上面登陆一下你的账号。
图①
然后我们去数据库找到wx_user这个表
然后在第二张表里面添加"system":1这行代码。然后保存清理缓存你就可以看到后台管理了。
看图②有标注。

【一定一定一定,重要的事情说三遍。第二行时间里面添加代码不要去第一行不然不好生效。本人折腾半天折腾的经验。谨记。】

云开发壁纸搭建教程插图18
云开发壁纸搭建教程插图19

第十一步


也是大家折腾最多,问的最多的。
登录之后发现自己的用户名是网址比如
www-cn结束的。
图①样式
我给大家纠正一个

错误教程:之前他们说的修改user.js里面的网址其实是错误的。
别试了。本人测试发现根本不对,于是重新换个字段就可以正确获取用户名了。
正确方法:

文件路径wallpaperpagesuseruser.vue
修改里面的网址去掉引号
改成res.userInfo.nickName。代码在539行和553行
图②
【本人也是翻阅了大量资料找到的,让你们少走弯路。】

云开发壁纸搭建教程插图20
云开发壁纸搭建教程插图21

教程到此结束。
发布小程序一定要关闭投稿功能和真人图片,否则会被退回。
投稿功能在小程序后台里面的系统配置。
看图①
好了,
今天晚上就到这里了。
本楼主困死了,欢迎下方留言。
谢谢大家的支持。

云开发壁纸搭建教程插图22

© 版权声明
THE END
喜欢就支持一下吧
点赞1379 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片