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で作成したアプリが動くようになります.

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


N

博士(工学)もちのニートです.(仕事募集中) 研究中に気づいた事を中心に記事を作成していきます.研究内容は主にヒト運動計測と脳波解析.

0件のコメント

コメントを残す

アバタープレースホルダー

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA