さくらのレンタルサーバ＋AppBeadsで業務アプリ

# はじめに
AppBeadsはノーコードで業務アプリをつくれるオープンソースフレームワークです。
[AppBeads公式HP](https://appbeads.com/index.html)
[AppBeadsのノーコードツール](https://appbeads.com/top_tinyapp.html?page=tinyapp_1_1.html)

この記事では AppBeads をさくらのレンタルサーバで動かす手順を示します。
[さくらのレンタルサーバ公式HP](https://rs.sakura.ad.jp/)

# レンタルサーバーの申し込み

[さくらのレンタルサーバのトップページ](https://rs.sakura.ad.jp/) を開きます。
右上の [お申し込み] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/a66c6c97-773b-4e5b-bf1a-14402bc6162a.png" width="70%">

プランを選びます。
**メールサービス**はホームページを作れないので除外します。
**ライト**はMySQLを使えないのでデータベースとしてSQLiteを使います。
**スタンダード**以上ならMySQLを使えます。
プランを選んだら、ドメイン名を入力します。
<font color="silver">※ドメイン名は3～63文字</font>
[お支払い方法の選択] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/e94591c5-7009-4708-9a6d-6bd442c8cba2.png" width="70%">

[新規会員登録へ進む（無料）] をクリックします。
<font color="orange">会員登録は無料ですがレンタルサーバーは有料です。
但し、プランによっては開始から２週間が無料のお試し期間になります。</font>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/b39ed7a7-a903-44a6-ba15-de7a4f49ef09.png" width="70%">

メールアドレスを入力して [同意して認証コードを送信] をクリックします。
認証コードがメールで届きます

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/ceb3a504-66d4-425f-b63d-a4bdbd27dfa8.png" width="70%">

メールで届いた認証コードを入力して [会員情報の入力へ進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/f8e2ff9d-79c3-4ccc-a69a-ebf7c3db8803.png" width="70%">

会員情報を入力します。
パスワードを設定して [確認画面へ進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/134afd06-437d-4d76-9378-c606cee4e107.png" width="70%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/36ee07f2-7c0c-495b-9e60-dd4deb22d228.png" width="70%">

[同意して会員登録する] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/a16fcfa0-427f-40ed-8281-23d9060deb5a.png" width="70%">

ここまでで会員登録は完了です。
続いてレンタルサーバーの支払い方法を選択します。
[お申し込み内容の確認へ] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/a3f4274e-94fb-4aea-8cd8-60bde85a919b.png" width="70%">

[同意する] をチェックして [この内容で申し込む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/58b0b161-18c4-449e-8e65-fe9a4e043126.png" width="70%">

レンタルサーバーの申し込みが完了して、登録完了のお知らせがメールで届きます。
<font color="silver">（お試し期間なら「仮登録完了のお知らせ」です。）</font>
<font color="orange">このメールにサーバーパスワードが記載されています。</font>
サーバーパスワードはサーバーコントロールパネル(管理画面)のログインや ftp で使用します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/9bea837b-4bf3-4abc-83ec-583136e278ed.png" width="70%">

この記事で申し込んだサーバーのURLは <font color="blue">http\://appbeads2024.sakura.ne.jp</font> です。
但し、申し込み直後はホームページを開くことができません。
試しにブラウザ(Chrome)で開いてみると次のように表示されます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/41bb22ee-12c1-462b-ae9f-7088729f7df3.png" width="70%">

１~２時間後にブラウザで開いたら、次のように表示されました。
<font color="silver">ホームページのファイルが空なので Forbidden となります。</font>
これでサーバーの準備は完了です。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/a20a3f60-eadb-4932-ac69-61fb5799664b.png" width="70%">

# AppBeadsの導入

この記事ではAppBeadsをWindows11にダウンロードしてからサーバーへアップロードします。

[AppBeadsの導入と設定](http://appbeads.com/top_settings.html?page=settings_1_1.html) を開きます。
<font color="deepskyblue">appbeads_full.zip</font> をクリックしてダウンロードします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/66d90ca0-e3ed-44c1-9a64-3843fa7f2938.png" width="70%">

ダウンロードしたzipファイルを展開します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/5b36023d-a4e0-490a-b9ab-f76d1a8fdd97.png" width="60%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/91201746-f3d8-41e5-9aea-a6597512708b.png" width="60%">

FTPサーバーに接続します。
<font color="silver">（下の画面は FileZilla ですが、WinSCP や FFFTP など、使い慣れたftpソフトを使用してください。）</font>

　**FTPサーバー：**
　　　ドメイン<font color="silver">（この記事では appbeads2024.sakura.ne.jp）</font>
　**ユーザー ：**
　　　サブドメイン<font color="silver">（この記事では appbeads2024）</font>
　**パスワード：**
　　　登録完了のお知らせメールに記載されているサーバーパスワード
　**ポート：**
 　　　21

展開した appbeads_full フォルダの直下にある appbeads フォルダをサーバーの www にアップロードします。
<font color="silver">（www がドキュメントルートです。）</font>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/5b7bc51e-944f-4f07-a9c2-3ff09bda2912.png" width="85%">

ブラウザで「<font color="blue">ホームページのURL＋/appbeads</font>」を開きます。
この記事の場合は <font color="blue">http\://appbeads2024.sakura.ne.jp/appbeads</font> です。
[ログイン] をクリックします。
<font color="orange">AppBeads導入直後はユーザーがいないのでユーザー名とパスワードは入力不要です。</font>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/fc68157e-30f5-4a52-9ea0-58f3cbf635c5.png" width="70%">

以上で、さくらのレンタルサーバに導入した AppBeads を使ってノーコードで業務アプリがつくれるようにます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/31ab5501-59bc-4634-af57-4d86cebb93a6.png" width="70%">