GlitchとかいうNode.jsアプリを無料で公開出来るサービスで遊んだ

GlitchとかいうNode.jsアプリを無料で公開出来るサービスがある。
他の人の公開されてるGlitchプロジェクトを見ることが出来る、実際動いてる様子とソースコードが色々見れる。
そして、それをRemix Projectとかいう奴でソース複製して編集していく事が出来るっぽい。
面白い。

サイト名のせいで微妙に検索しづらい。
一応gitがあるがローカルで編集してGlitchにデプロイしようとしても、最終的にGlitch開いて手動でマージしないといけないっぽいのでめんどい、無視する。


以下、メモ

困ったこと

ファイルを動的に生成したりした後、ファイル一覧に反映されない

Glitchのコンソール開いて「refresh」する。

Glitchのコンソールは左側のサイドバー開いて「Status」を押して、下側に出てきたStatusのバーの所にある「Console」を押すとコンソールに切り替わる。

Nuxt.jsの最新版を使おうとするとエラーが出る

Glitchがnpmの代わりに使ってるpnpmが原因っぽい（？）

Glitchのコンソールを開いて、「enable-npm」してnpmを使うようにすると一応動くが、メモリを使いすぎて死ぬ（止まりまくる）

これではダメだ…

結局どうしたか

Glitchにあるテンプレート的なGlitchプロジェクトの「nuxt-starter」は動いてるのでそれを参考にした。

Nuxt.jsをダウングレード（"nuxt": "^0.9.3"に）して0.x.x化、「enable-pnpm」してpnpm使うように戻した。

とりあえず動いた。

が、serverMiddlewareを使おうとしたらうまくいかなくて色々試してて"nuxt": "^1.0.0"にしたらなんか動いたっぽいのでこれでいいっぽい。（適当）

ちゃんと動くバージョン見つけて指定すればいいんじゃないですか、という噂があるがもう雑めんどいのでいいや…

serverMiddleware使ってNuxt.js + Express

色々やってたらなんか出来た

nuxt.config.jsに

serverMiddleware: [
  '~/api/index.js'
]

を入れて、apiフォルダにindex.js作ってなんかするとかやればいけるっぽい。

（express-templateを参考にした）

nuxt.config.jsで srcDir: 'src/' とか使ってる場合はserverMiddlewareの記述はそのままで、ファイルを置く場所はsrc/api/index.jsって感じ

おわり

何してるのかよく分からん感じで曖昧にやっていきました。おわり。

何かGlitchで遊べるかもね、まあ、何か面白いが作れたらいいね、やるが