使用内网穿透与Termux完成手机上部署web项目

1.开发环境:安卓9,termux,python3.11,cpolar

2.步骤:

2.1先实现内网访问,之后再尝试内网穿透

安装Termux: Termux是一个在Android上运行的终端模拟器,它提供了一个Linux-like环境。你可以通过Google Play商店安装Termux。

安装必要的软件: 打开Termux应用,运行以下命令安装一些必要的软件:

pkg update

pkg upgrade

pkg install python

pkg install git

克隆你的Flask项目: 使用git命令克隆你的Flask项目到手机上。例如:

git clone https://github.com/yourusername/yourflaskproject.git

安装虚拟环境: 进入你的Flask项目目录,创建并激活一个虚拟环境:

cd yourflaskproject

python -m venv venv

source venv/bin/activate

安装依赖: 安装你的Flask项目所需的依赖:

pip install -r requirements.txt

运行Flask应用: 运行Flask应用:

python yourflaskapp.py

请确保在Flask应用中设置正确的主机和端口。通常,默认是127.0.0.1:5000,你可能需要更改为0.0.0.0:5000,以便从其他设备访问。

查找手机的IP地址: 在Termux中运行以下命令查找手机的IP地址:

ifconfig

查找类似于inet 192.168.x.x的行,这是你的手机在局域网中的IP地址。

从其他设备访问: 在其他设备上使用浏览器访问手机的IP地址和Flask应用的端口,例如http://192.168.x.x:5000。确保你的手机和其他设备连接到同一个局域网。

请注意,这种方法只在手机处于同一Wi-Fi网络的情况下有效。

操作完成之后,开启手机热点,使用设备连接上,便可以通过IP地址访问数据了,但这其实还不够,我们要在外网也可以访问

2.2内网穿透

来自于这位大神的指导

https://www.zhihu.com/question/388618269/answer/3030674054

1. 添加仓库

mkdir -p $PREFIX/etc/apt/sources.list.d
echo "deb [trusted=yes] http://termux.cpolar.com termux extras" >> $PREFIX/etc/apt/sources.list.d/cpolar.list

更新仓库

pkg update

2. 安装cpolar内网穿透

pkg install cpolar

验证安装成功,有正常出现cpolar版本号即表示cpolar安装成功

cpolar version

3. 启动后台服务

安装termux-services

pkg install termux-services

重启整个termux应用

注意:termux-services需要 重新启动termux才能生效。

启用cpolar服务,设置cpolar开机自启动

sv-enable cpolar

启动cpolar服务

sv up cpolar

4. 打开web-ui管理界面

浏览器打开本地IP地址:9200,使用cpolar邮箱账号登录cpolar web ui管理界面,可以在此处创建隧道映射本地服务,以及管理隧道。

链接上热点,通过pc浏览器-手机ip地址的方式打开便可以啦 记得端口号要与程序里面的对应

补充知识点:

1.操作指令

cd ~ 回到home

vim test.py编辑文件

在vim界面直接输入a便可开始编辑

esc进入vim命令行,:wq保存文件并退出,:w保存不退出

flask项目设置是app.run(host="0.0.0.0") 与现在域名绑定

termux输入 netstat -tuln查看端口状态

termux输入 ifconfig 查看网络状态

文件编辑错误可以通过cd进入文件目录,ls查看有多少文件,rm 文件名///的方式删除

可以使用ev投屏进行电脑编辑,手机上下载ev,电脑上下载ev,然后通过数据线连起来就可以了

EV投屏 - 无线投屏软件,轻松实现手机电脑互投 (ieway.cn)

cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

相关推荐
Myli_ing7 分钟前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风10 分钟前
前端 vue 如何区分开发环境
前端·javascript·vue.js
软件小伟19 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾40 分钟前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧1 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm1 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep7011 小时前
第8章利用CSS制作导航菜单
前端·css
hummhumm1 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王2 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
疯狂的沙粒2 小时前
对 TypeScript 中高级类型的理解?应该在哪些方面可以更好的使用!
前端·javascript·typescript