先日バージョンアップした OpenVBS、コアには「Jujubeエンジン」を搭載し、サーバーサイドBASIC「ISPページ」の機能も含まれています。
ちょっと使ってみましょう。まずはダウンロード、今回はmacで行いますがWindowsでもLinuxでもやることは同じです。
ダウンロードすると oscript.20191031.osx.tar.gz が手元に来ます。
ダブルクリックして解凍、フォルダ「oscript.20191031.osx」ができます。
中身はこんな具合、「wwwroot」というフォルダありますね。
さぁ、ターミナル（Windowsの場合は コマンドプロンプト）を開いてWebサーバーを起動しましょう。
ターミナルとはコンピュータにコマンドを送るための窓口、IchigoJamを起動した時の画面と同じです。
まずはダウンロードした OpenVBS のフォルダに移動、「cd」コマンドです。
フォルダを移動したら「oscript」コマンドを起動、Webサービスは「sample3.obs」に描かれているため、
$ ./oscript sample3.obs
として起動。
うまく起動するとこのようにWebサービスが開始。
さて、ISPページを作りましょう。ページ作りには「テキストエディタ」を使います。どんなものでも良いですが、ここではmicrosoft「Visual Studio Code」を利用しましょう。
起動するとこんな感じ、Cmd+N で新しいファイルの編集がはじまります。
まずは
PRINT "Hi ISP!"
と描いてみましょう。
Cmd+S やメニューから保存できます。保存名は「mypage.isp」、保存先は先ほどの「wwwroot」にしましょう。
ブラウザで「http://localhost:8000/mypage.isp」にアクセス、こんなページがでましたか？
ページに画像を出すには、wwwrootに好きな画像を保存して、
PRINT IMG("flower.jpg")
と描きます。
ブラウザをリロードすると画像が出ますね。
別のページにリンクしたい場合は
PRINT LINK("http://pcn.club/")("PCNはこちら")
です。
こんな具合。
FOR文も使えますから、
こんなことも可能。
ページができたら世界中に公開しましょう。いろんな方法がありますが、今回は比較的簡単な ngrok を用いる方法。
まずは ngrok をインストール。
インストールしたら
$ ngrok http 8000
で起動しておきます。
起動すると、グローバルなURLがもらえます。
あとはスマホなどからアクセスするだけ、君だけのWebサイトのできあがり！
? RED("あか色")
? GREEN("midori色")
? BLUE("Blue色")
?
? LARGE("でかい")
? SMALL("ちっさ")
?
? CENTER("まん中")
? RIGHT("みぎ")
文字色や文字サイズ、文字の位置もアレンジ可能ですよ！
10 ?"ピザって10回言ってみて"
15 ?"---------"
20 I=0
30 ?"ピザ": I=I+1
40 IF I<10 THEN GOTO 30 END IF
45 ?"---------"
50 ?"ここは？"
60 ?IMG("hiji.jpg")
65 ?"---------"
70 ?RED(LARGE("ひざ"))
「サーバーサイドBASIC」らしく、行番号なんかつけてみても楽しい？中高生なら「さくらインターネット」でサーバー借りちゃえば ngrok 使わなくても済みますね！
プログラミングで楽しい作品できたら、自分だけのWebサイトで公開してみよう！そのままPCNプロコンにも応募してね！
.
