Skip to content

CollinsWalker/ionic-comics

Repository files navigation

Vue 3 + TypeScript + Vite + Ionic

         ┏┓      ┏┓
        ┏┛┻━━━━━━┛┻┓
        ┃               ☃           ┃
        ┃  ┳┛   ┗┳ ┃
        ┃     ┻    ┃
        ┗━┓      ┏━┛
          ┃      ┗━━━━━┓
          ┃  神兽保佑     ┣┓
          ┃ 永无BUG!     ┏┛
          ┗┓┓┏━┳┓┏━━━━━┛
           ┃┫┫ ┃┫┫
           ┗┻┛ ┗┻┛

确保电脑有 nodejs 和 java 环境

java 环境建议百度: "cordova 打包环境配置"

在项目根目录添加三个文件: .env, .env.development, .env.production, .env.sit, 填入内容

VITE_APP_URL = 域名/app.php
VITE_APP_KEY = app密钥

修改 capacitor.config.ts 文件里的内容

...
appId: 'applicationId',
appName: 'App名称',
...

目前仅支持打包: Android IOS

安装依赖

npm install

运行命令

npm run dev

打包命令

如果目录没有'android'目录,请在根目录终端使用

npx cap add android

使用 Android Studio 打包命令,推荐

npm run build:release

没有 AS 打包命令(需要提前申请好密钥,签名 App 需要)使用此命令会自动签名 App,需要把密钥放到"android"目录。这个会导致 Android 版本高出现解析包错误,自测

npm run android:release

如果打包界面有问题可以选择,此命令打包成 debug 版本

npm run build:sit

注意如果 App 接口不是 https 协议请在 AndroidManifest.xml 加入下面这段话

android:networkSecurityConfig="@xml/network_security_config"

app/src/main/res/xml 新建一个文件 network_security_config.xml 写入

<?xml version="1.0" encoding="utf-8"?>
<network-security-config xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <base-config
        cleartextTrafficPermitted="true"
        tools:ignore="InsecureBaseConfiguration" />
</network-security-config>

About

采用小浣熊CMS Api + Vue Ionic混合开发的App

Resources

Stars

Watchers

Forks

Packages

No packages published