web网页打包

打包成App

  1. 使用的路由,必须是hash路由
  2. 项目中使用的请求,必须是完整的路径,并且这个路径需要后台配置可以跨域。
  3. 打包前需要设置打包出来的路径是相对路径。
  4. 解决手机屏幕齐刘海的问题。npm i safe-area-insets -S
  5. 执行打包。(测试:本地打开打包好的项目,流程没问题就可以执行下一步)
  6. 将项目包给ios,android开发人员。

部署到服务器上

  1. 路由可以使用hash也可以使用history
  2. 请求必须是相对于环境的。
  3. 打包路径(hash可以使用相对路径和绝对路径)(history使用绝对路径)
  4. 解决手机屏幕齐刘海的问题。npm i safe-area-insets -S
  5. 执行打包
  6. 项目包给后台,(history路由需要配置404的重定向到index.html)

web网页和ios、android进行交互

  1. web网页调用ios和android
    发送一个假请求,让原生开发拦截。
    这个假请求的url路径需要跟ios、android保持一致。

  2. ios、android调用web网页
    先在网页上准备一个获得结果的回调函数
    当原生需要传值给网页时,向打开网页的窗口动态插入js代码,这段js代码就是调用回调函数的代码。

未完待续。。。

发布了12 篇原创文章 · 获赞 21 · 访问量 340

猜你喜欢

转载自blog.csdn.net/weixin_44691775/article/details/104424483