Blazor WebAssemblyを試してみました

スポンサーリンク

概要

最近のWebサービスはブラウザ上で動くWebアプリが多機能で便利なので、私も作ってみたいのですが、Web開発に必要な知識がないためどうやって作ったら良いのかさっぱり分かりません。
しかし、Blazor Webassemblyを使用すると、C#でWebアプリが作れるようなので試してみました。

作ってみました

サイトはこちら(一日一遊)
最近流行りのWordle(もう古い?)のように、一日につき一つの問題を出すようなミニゲーム集のWebアプリです。
とりあえずBlazor Webassemblyの入門ということで、じゃんけんゲームを作ってみました。
入門も入門のじゃんけんゲームを、とりあえず動くようになったレベルなので恥ずかしいですが、Web上で動作するのがポイントなので公開することにしました。
Web開発の知識が全くなくても、ほぼC#の知識のみでWebアプリを作成することができたので、正直驚きました。

参考にさせていただいたWebページ

レンタルサーバーにファイルをアップロードして動作させるために、以下のWebページを参考にさせていただきました。
参考1:BlazorのWebAssemblyをレンタルサーバーやGitHubのPagesにデプロイしてみた
参考2:Blazor アプリケーションを “http://example.​com/foo/bar/” のような Sub Path に配置するために必要な実装

問題点1

アプリのクォリティー等の問題点は一旦置いておいても、1つ問題が見つかりました。

その問題点1とは、正確な呼称が分かりませんが、URLの遷移の問題です。
トップページのURLは https://cappu-soft.com/wasm/ogpd/ 、じゃんけんページのURLは https://cappu-soft.com/wasm/ogpd/janken となっています。
トップページを開いてから、ナビゲーションメニューよりじゃんけんページに遷移すると正常に表示されます。
しかし、じゃんけんページのURLのままページを更新したり、いきなりじゃんけんページのURLを開こうとすると404 Not Foundになってしまいます。
ローカルで動作させると404 Not Foundにはならないため、おそらくレンタルサーバーやWordPressでの設定が必要と予想していますが、基本的な知識がないため対策方法を調べるのも大変そうです…

コメント

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