作成日: 2023/05/16 更新日: 2023/05/24 サイトの紹介と使い方
目的
- レンタルサーバ上で作ったブラウザアプリを公開します。
- これ（ブラウザアプリ）によって、iOSやAndroidなどに依存しないアプリの作成が可能になります。
- レンタルサーバ上で１つのWEBページを作り、そのページを公開可能にします。
- そのページでアプリを作成します。
- 複数のページを作れば、複数のアプリを公開できます。
- そのページをWordPressからリンクします。
筆者の環境
- さくらインターネット：VPS
- OS：CentOS7（root権限が必要なのでVPSにしています。）
概要
- この記事は、上手く動作しなかったので保留です。
- ブラウザアプリのデバッグと確認のためにXwindowを導入します。
- この記事の手順は、上記の目的以外にも汎用的に有効です。
手順
- Xwindowの導入を参考にしました。
準備
- TeraTermを使って、以下のコマンドを実行しました。
$ setenforce 0
setenforce: SELinux is disabled
$ getenforce
Disabled(Permissive)
$ systemctl stop firewalld
$ yum install -y epel-release
$ rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-7.rpm
$ vi /etc/yum.repos.d/epel.repo
enabled=1⇒enabled=0
$ vi /etc/yum.repos.d/remi.repo
enabled=1⇒enabled=0
$ yum update導入
- TeraTermを使って、以下のコマンドを実行しました。
$ yum groupinstall --enablerepo=epel “X Window System” XFCE Desktop Fonts
$ yum install --enablerepo=epel xfce4-terminal xfce-utils
$ yum install gnome-icon*VNC設定（サーバ側）
準備
- tigervncを導入します。
- CentOS上のVNCで使うユーザ名とパスワードを準備しておきます。
- コマンドの実行は、TeraTermを使いました。
$ yum install tigervnc*
$ cp /usr/lib/systemd/system/vncserver@.service /etc/systemd/system/vncserver@\:2.service
$ vi /etc/systemd/system/vncserver\@\:2.service接続設定
ステップ１
- 下図が表示されます。
- 赤枠にVNC接続するユーザ名を入力してください。
- 赤線の部分に１行追加します。
ステップ２
- 白く塗りつぶした部分にVNC接続するユーザ名を入力してください。
- 尚、PIDファイルは、意識しなくても大丈夫です。
PIDFile=/home/username/.vnc/%H%i.pidステップ３
- コマンドの実行は、TeraTermを使いました。
- <USER>をVNC接続するユーザ名に代えてください。
$ systemctl daemon-reload
$ systemctl start vncserver@:2.service
$ systemctl enable vncserver@:2.service
$ systemctl stop vncserver@:2.service
$ vi /home/<USER>/.vnc/xstartupステップ４
- 空のファイルが立ち上がるので、下図またはコードの内容を入力してください。
#!/bin/sh
unset SESSION_MANAGER
unset DBUS_SESSION_BUS_ADDRESS
#exec /etc/X11/xinit/xinitrc
exec xfce4-session &ステップ５
- 下のコマンドを実行すれば、サーバ側の設定は完了です。
$ systemctl start vncserver@:2.serviceVNC設定（パソコン側）
- ローカルのパソコン（端末）の設定です。
- UltraVNCをインストールしてください。
- UltraVNCを起動します。
