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で作成したアプリが動くようになります.
またアプリのみでも動きます.
コメント