作成日: 2023/05/16 更新日: 2023/05/24 サイトの紹介と使い方
目的
- レンタルサーバ上で作ったブラウザアプリを公開します。
- これ(ブラウザアプリ)によって、iOSやAndroidなどに依存しないアプリの作成が可能になります。
- レンタルサーバ上で1つの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
接続設定
ステップ1
- 下図が表示されます。
- 赤枠にVNC接続するユーザ名を入力してください。
- 赤線の部分に1行追加します。

ステップ2
- 白く塗りつぶした部分にVNC接続するユーザ名を入力してください。
- 尚、PIDファイルは、意識しなくても大丈夫です。

PIDFile=/home/username/.vnc/%H%i.pid
ステップ3
- コマンドの実行は、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
ステップ4
- 空のファイルが立ち上がるので、下図またはコードの内容を入力してください。

#!/bin/sh
unset SESSION_MANAGER
unset DBUS_SESSION_BUS_ADDRESS
#exec /etc/X11/xinit/xinitrc
exec xfce4-session &
ステップ5
- 下のコマンドを実行すれば、サーバ側の設定は完了です。
$ systemctl start vncserver@:2.service
VNC設定(パソコン側)
- ローカルのパソコン(端末)の設定です。
- UltraVNCをインストールしてください。
- UltraVNCを起動します。