wsl里官方示例文档对接app | 青训营笔记

164 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天

前言

‍⁢⁣‍⁡⁡‍‌⁣⁣⁡‬⁣‬⁡‬‬‬⁣⁤‌⁤⁣⁣⁢‍‍⁤‍⁡⁣‌‍‌极简抖音App使用说明 - 青训营版 - 飞书云文档 (feishu.cn)

RaymondCode/simple-demo (github.com)

这篇教程是基于大项目demo部署记录 | 青训营笔记 - 掘金 (juejin.cn)改编的,与教程的做法不太一样,感兴趣的同学可以按照视频里试一试

下载蓝叠5

蓝叠模拟器5,因为我的手机不是安卓(使用安卓手机的部署请看这里),因此只能在电脑上运行客户端demo。电脑上运行的方式有:Android Studio中内置的模拟器,WSA(支持运行安卓的Windows子系统)、和各路厂商的安卓模拟器。前两者配置成本较高,因此选择了安卓模拟器。查询和对比了一下各个厂商的安卓模拟器,发现蓝叠是有安卓授权的,而且支持Hyper-V(意味着可以和WSL2共存),而很多其他的模拟器都只是基于Virtualbox和蓝叠做二次开发,因此选择了蓝叠。

下载完成后,只需将apk文件拖到桌面,即可运行。但此时因为服务端还没有启动,因此客户端会出现网络异常,接下来请往下面看。

配置端口22

大项目demo部署记录 这里教程里面已经有了

image-20230205132738364

做到这一步

键入指令

这个是在Windows PowetShell管理员模式下进行的

netsh interface portproxy add v4tov4 listenaddress=192.168.10.10 listenport=8080 connectaddress=172.28.22.200 connectport=8080 protocol=tcp
​
netsh interface portproxy show all

listenaddress为本机公网ip ipconfig

image-20230205133200631

connectaddress为wsl的ip 输入指令hostname -I

image-20230205133256901

最终效果

image-20230205134035912

由于wsl每次启动ip值不一样,所以之前建立的连接得删掉 重新连接

netsh interface portproxy delete v4tov4 listenaddress=192.168.10.10 listenport=8080

image-20230205135941065

克隆项目

先把该项目克隆到wsl里

image-20230205133610962

在这里打开git bash 然后输入git clone github.com/RaymondCode…

启动项目

cd到该目录下 然后输入go build && ./simple-demo

image-20230205133408978

暴露端口

image-20230205133836400

点击Forword Port

关闭防火墙

image-20230205183046653

运行app

本机上下载好app后 直接将app包拖入蓝叠模拟器即可

image-20230205134236071

双击我然后看到高级设置

image-20230205134317376

输入http://192.168.10.10:8080/即可 点击保存并重启

image-20230205134431840

看到这个就说明成功了.

总结

如果路径不对的话 点击保存并重启 再次打开抖声会闪退 这时就需要删除抖声 重新拖入app包 然后再次尝试别的路径