利用Web-View低成本将网站转换成App

最近用PHP写了个简单的登入注册和用户管理系统，后续想直接把它变成一个App，不过用于没有前后端分离的关系想要制作成一个App还是相对困难的。最好的方法当然是使用Vue或React重写然后用Cordova进行打包或者干脆就是用React Native进行重写。但是如果只是单纯的想要打包成App不太顾及用户体验的话，可以尝试一下我的方法，适用于所有网站。

使用React Native Expo引入Wev-View打包
这边我使用的是React Native Expo。为什么使用React Native Expo进行打包呢，因为不需要安装额外的Android Studio或者Xcode，足够的简单快速并且Expo有免费的服务器帮你编译，不需要使用本地电脑。

先安装好Node.js、React Native Expo、Git
Node.js安装 https://nodejs.org/
Git安装 https://git-scm.com/
React Native Expo安装 https://docs.expo.dev/get-started/installation/

Expo启动！
可以直接利用Expo提供的Snack进行编辑，因为Expo有提供线上的虚拟机直接预览（有时候要排队但是挺快的），如果有需求也可以选择在本地利用Vscode进行编辑。
https://expo.dev/

import React from 'react';
import { StatusBar } from 'react-native';
import { WebView } from 'react-native-webview';

function App() {
  StatusBar.setBackgroundColor('#0017c1'); // 这边是状态栏颜色，如果不需要可以删掉
  return <WebView source={{ uri: 'https://you.web.site' }} />; //在这边填上你的网站
}

export default App;

然后就可以依照你的平台跟着Expo提供的Build教程进行操作啦，这一步虽然是线上Build，但是你的本地还是需要先安装好Node.js和Expo，同时建议安装Git，因为Expo的上传依赖于Git，但是根据官方的说法似乎没有Git也能上传但是比较麻烦。
Expo Build指南 https://docs.expo.dev/build/setup/
默认是Build aab文件用于上传到Google Play，如果想打包成apk请看这个指南 https://docs.expo.dev/build-reference/apk/