Flutterで作成したwebアプリをWordPressで作成したサイトで公開する方法

Nです.

今回はこの記事を参考にしました.

環境はロリポップサーバーです.

まず,flutterのデモアプリを用意します(説明は省略).

用意できたらアプリを以下のコマンドでビルドします.

flutter build web "--base-href" "サーバでファイルを置くディレクトリ"
# 例 flutter build web "--base-href" "/genshin_quiz/"

するとbuildフォルダ下のwebフォルダにビルドされたものが作成されるのでそれらをすべてサーバー上にコピーします(WinSCPというFTPソフトを使いました).

アップロード後アプリを表示したいページで以下のコードをカスタムHTMLとして記述します.

<p><iframe width="100%" height="400" src="https://genshin.sciotein.com/genshin_quiz/index.html"></iframe></P>

これでこのページのように実際にFlutterで作成したアプリが動くようになります.

またアプリのみでも動きます.

コメント

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