【ConohaWings】FlutterのWebアプリを公開する。

IT

こちらの続き。
Webアプリの公開方法について、試しています。

本ブログの公開のために、借りているサーバーで公開設定を実施してみた。

前提

①公開用のFlutterアプリが存在する。
②Conoha wingsの契約がある。

手順

基本的には、下記コマンドで生成されたファイルを、
conohaのファイルマネージャーを用いて配置してあげればよい。

flutter build web --release


今回は、本ブログの”ドメイン名/flutter_public”のURL構成にしたかったので、
ファイルマネージャーにて、”public_html/ドメイン名/flutter_public”の配下にファイルを配置した。

それに伴い、下記2点の対応を行った。

①index.htmlの編集

変更前

<base href="/">

変更後

<base href="/flutter_public/">

②.htaccessの作成

新たにrewriteルールの追加を行うため、下記ファイルを作成配置しました。
これにより、flutter_public以下のurlは、index.htmlへアクセスすることになります。

.htascssファイルの記載

RewriteEngine On
RewriteBase /flutter_public/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /flutter_public/index.html [L]

終わり

無事、下記urlにWebアプリを公開出来ました。

https://toaruse.com/flutter_public/

タイトルとURLをコピーしました