当前位置: 首页 > news >正文

Android Studio 打包 React 网页项目

Android Studio打包h5项目、调用硬件(以React为例)核心插件capacitorjscapacitorjs: https://capacitorjs.com/docs/apis/appcapgo: https://capgo.app/docs/plugins/bluetooth-low-energy/安装 Capacitornpmi @capacitor/corenpmi-D@capacitor/cli初始化 Capacitornpx cap init运行后会创建capacitor-config文件,这个文件记录了项目build的输出目录(webDir),一般 Angular 的 www 、React 的 build 、Vue 的 public 等{"appId":"com.sggk.dongte.warehouse.app","appName":"东特云平台","webDir":"dist"}创建 Android 项目Capacitor 核心运行时安装完成后,就可以安装 Androidnpmi @capacitor/android# 创建 Android 项目npx capaddandroid运行之后会在项目根目录生成一个android文件夹,里面包含了转化为 Android 项目的代码同步代码创建本机项目后,您可以通过运行以下命令将 Web 应用程序同步到本机项目。npx capsyncnpx cap sync 将把您构建的 web 包(预计在 Capacitor Config 文件的 webDir 中找到)复制到您的本机项目并安装本机项目的依赖项,如果修改了capacitor-config文件也会同步过去,也就是说只要初始化了项目,以后更改了配置或代码,都只需要运行npx cap sync命令来同步将同步添加到package.json的scripts中,之后运行![img](http://localhost:63342/markdownPreview/1187303428/commandRunner/run.png)npm run build:cap命令即可构建并同步代码到 Android 项目"build:cap":"vite build npx cap sync",打包使用Android Studio 开发工具的Gradle打包遇到问题不能访问 http 资源Android 项目默认只能访问 https 资源,解决方案可参考解决 Android 28 不能请求 HTTP 接口的问题 #5下面是本项目的解决方案新建android/app/src/main/res/xml/network_security_config.xml文件?xml version="1.0" encoding="utf-8"?network-security-configbase-configcleartextTrafficPermitted="true"//network-security-configapp/src/main/AndroidManifest.xml引入application...android:networkSecurityConfig="@xml/network_security_config"
http://www.gsyq.cn/news/1357717.html

相关文章:

  • 【告别限速!2026最新免费下载神器,下载即用】Motrix 下载神器全攻略: 超详细图文指南(保姆级教学)
  • 2026年最新10款一人创业AI开发工具测评榜单
  • [具身智能-856]:大模型,本质是就是一个执行自然语言的CPU,AI智能体就是组织自然语言让改“CPU”执行
  • 浅谈-机器人运动规划算法-在各类Robot中的落地应用
  • K 语言矩阵乘法代码简化攻略:从复杂到简洁,编程体验大提升!
  • 如何高效实现STL到STEP格式转换:完整技术解决方案
  • 首次接入 taotoken,从注册到获取第一个模型回复的全流程
  • redis-缓存架构并发问题分析- 未完成
  • 多模态认知系统架构与跨模态特征对齐技术解析
  • 专业级.NET条码识别与生成:ZXing.Net全面指南
  • 从“数字镜像”到“自主智能体”:数字孪生演进的三个关键跃迁
  • 7个关键策略:强化Insomnia开源API客户端的安全防护
  • WidescreenFixesPack:让80+经典游戏在宽屏显示器上重获新生的终极解决方案
  • 三大运营商入局Token市场,AI算力普惠背后竞争几何?
  • 接入Taotoken后如何通过用量看板分析与优化AI功能调用模式
  • 大麦抢票自动化工具:从入门到精通,5步实现高效抢票
  • 接地金属屏蔽罩的作用及原理
  • 为 OpenClaw 智能体工作流配置稳定可靠的大模型后端
  • 从后端到AI Agent:我的技术栈转型之路,收藏这份学习指南!
  • 3个核心优势:Bebas Neue免费商用字体完全指南
  • 为开源项目配置 CI 测试环境使用 Taotoken 的稳定模型服务
  • BilibiliDown:简单三步掌握B站视频下载的终极指南
  • GDScriptDecomp:让Godot游戏逆向工程变得触手可及
  • 如何快速提取视频硬字幕:本地OCR神器Video-subtitle-extractor的终极教程
  • 别再花钱找代写!8款免费AI工具搞定开题大纲论文 - 麟书学长
  • GHelper:华硕笔记本硬件控制的模块化架构与技术实现深度解析
  • 未来数字孪生升级,必须跳出模型可视化,走向轻量化无感空间智能
  • 我今天才发现---------我的网络连接都是用底层代码自己写的
  • 计算机图形学——四、光栅化与消隐
  • Token Plan套餐如何帮助个人开发者大幅降低模型调用成本