编译你自己的Fiora App

夜棂依

2021 年 12 月 18 日

1263 次浏览

关闭评论

1940字数

教程

<div class="tip share">请注意，本文编写于 1016 天前，最后修改于 847 天前，其中某些信息可能已经过时。</div>

# 前言

[《基于Fiora搭建属于你自己的Web聊天室》](https://blog.yareiy.com/archives/FioraInstall/)

上篇文章讲了如何安装Fiora，本文将帮助你编译可以在Android/iOS设备上运行的Fiora App

# 开始

## 环境准备

### 安装Expo

Fiora App使用Expo构建，在编译Fiora App之前，需要先安装Expo

1.使用以下命令安装Expo

`yarn global add expo-cli`

### 安装依赖

cd到Fiora App源码目录

`cd /opt/fiora/packages/app`

安装依赖

`yarn install`

## 对接Web端

1.修改`/opt/fiora/packages/app/src/utils`目录下的`constant.ts`

将`export const referer = 'https://fiora.suisuijiang.com/';`

中的`https://fiora.suisuijiang.com/`

替换为你自己搭建的Fiora地址

例如`export const referer = 'https://chat.yareiy.com/';`

2.修改`/opt/fiora/packages/app/src/utils`目录下的`uploadFile.ts`

将

```
    if (url.startsWith('/')) {
        return `https://chat.yareiy.com${url}`;
    }
```

中的`https://fiora.suisuijiang.com`

替换为你自己搭建的Fiora地址

例如`return https://chat.yareiy.com${url};`

3.修改`/opt/fiora/packages/app/src`目录下的`socket.ts`

将`const host = 'http://10.132.67.127:9200';`

中的`http://10.132.67.127:9200`

替换为你自己搭建的Fiora地址(IP+端口形式)

例如`export const referer = 'http://**.***.**.***:9200';`

4.修改`/opt/fiora/packages/app/src/pages/Other`目录下的`PrivacyPolicy.tsx`

将`Linking.openURL('https://fiora.suisuijiang.com/PrivacyPolicy.html');`

中的`https://fiora.suisuijiang.com`

替换为你自己搭建的Fiora地址

例如`Linking.openURL('https://chat.yareiy.com/PrivacyPolicy.html');`

## 打包编译

```
#为Android编译
expo build:android

#为iOS编译
expo build:ios
```

接下来根据提示操作

详见Expo文档[https://docs.expo.dev/classic/building-standalone-apps/](https://docs.expo.dev/classic/building-standalone-apps/)

# 自定义

背景图

修改`/opt/fiora/packages/app/src/components`目录下的`PageContainer.tsx`

关于页

修改`/opt/fiora/packages/app/src/pages/Other`目录下的`Other.tsx`

UI界面配色

修改`/opt/fiora/packages/app/src/state`目录下的`reducer.ts`

系统消息

修改`/opt/fiora/packages/app/src/utils`目录下的`convertMessage.ts`

App信息

修改`/opt/fiora/packages/app`目录下的`app.json`

End

本文标题：编译你自己的Fiora App

本文链接：https://blog.reiyy.com/archives/FioraApp/

除非另有说明，本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议。

声明：转载请注明文章来源。

最后修改：2022 年 06 月 05 日

如果觉得我的文章对你有用，请随意赞赏

编译你自己的Fiora App

夜棂依 • 2021 年 12 月 18 日

编译你自己的Fiora App

欢迎使用 Typecho

《东方弹幕神乐》界面功能介绍及部分系统简介

基于Fiora搭建属于你自己的Web聊天室

在CentOS上部署Pagermaid

编译你自己的Fiora App

欢迎使用 Typecho

《东方弹幕神乐》界面功能介绍及部分系统简介

编译你自己的Fiora App

MyDevice

在CentOS上部署Pagermaid

编译你自己的Fiora App