1.视频地址: 点我跳转b站
2.本文章发布于2022.05.31,当你看到的时候可能现在的接口已经不起作用了,到时候只能跟着视频看,功能应该实现不成了.到目前为止,项目登录功能,微信支付功能已经无法使用.(看视频最好找有源码的和最新的)
3.在p5视频中,修改类似出现的黄色警告,我当时敲得时候报的是这个,和视频中不一样,所以没有修改,无伤大雅,继续看视频就行了.
4.在p34视频中,测试用的接口不能用了(我当时看视频的时候还可以用,现在写文章的时候404),get数据原接口:https://www.escook.cn/api/get,现在接口地址 https://applet-base-api-t.itheima.net/api/get,post数据接口: https://applet-base-api-t.itheima.net/api/post
注意:在请求其他网站的话,如果没有添加合法域名,在开发小程序时勾选下面的选项
5.在p36视频中的轮播图接口https://applet-base-api-t.itheima.net/slides ,(就是把applet-base-api-t.itheima.net替换掉视频中的网址)
九宫格数据接口:https://applet-base-api-t.itheima.net/categories
6.在p44视频中的获取随机颜色的接口https://applet-base-api-t.itheima.net/api/color
7.在p54视频中的商品列表接口https://applet-base-api-t.itheima.net/categories/${this.data.query.id}/shops
注意:在真机上打开没有图片的话,需要在手机上将小程序设置成调试模式
8. 在p78中安装组件库的时候,微信小程序没有勾选npm的选项了,直接跟着做,应该没问题,有问题的话百度一下,我已经不太记得自己出问题没有了.
9.在p96开始是用uniapp开始做项目,我用的是资料中的hbuild版本,可以和视频中保持一致.如果是新版本,可能会有不同的变化.
10.黑马优购的baseUrl为https://api-ugo-web.itheima.net
在生成的微信小程序记得勾选不校验域名
11.在p111视频中渲染三级图片时,需要替换下图片的路径,用replace.
<image :src="item3.cat_icon.replace('dev','web')" ></image>12.到后面有的bug是已经改过的,无法复现,我是跟着敲了一遍就没有再管了.
登录获取微信信息,视频中用的是getuserinfo,现在是getUserProfile
<button type="primary" class="btn-login" @click="getUserProfile">一键登录</button>
// 获取微信用户的基本信息
getUserProfile() {
uni.getUserProfile({
desc: '你的授权信息',
success: (res) => {
// 将信息存到 vuex 中
// console.log(res.userInfo)
this.updateUserInfo(res.userInfo)
this.getToken(res)
},
fail: (res) => {
return uni.$showMsg('您取消了登录授权')
}
})
},由于无法登录,后面的视频就没有办法测试了.其中获取订单信息之类的,可以把token设为Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjIzLCJpYXQiOjE1NjQ3MzAwNzksImV4cCI6MTAwMTU2NDczMDA3OH0.YPt-XeLnjV-_1ITaXGY2FhxmCe4NvXuRnRB8OMCfnPo
最后,这些东西在弹幕和评论中都可以找到,如果有其他问题的话自行寻找.资料也一样.
我自己敲得黑马优购项目地址:唯我 (gaoheng123) - Gitee.com
不过好像没什么用.