記事ディレクトリ
序文
タブレット PC の普及により、ほとんどの人の生活習慣や生活シーンは、ドラマの視聴、短いビデオの視聴、主流のゲームのプレイなど、タブレット PC の使用と切り離せないものになっていますが、これらは単なるエンターテインメントのシーンに統合してみてはいかがでしょうか。ドキュメントの編集、作業フォームの作成、コードの記述など、仕事や生産のシナリオに取り入れていますか?
そこで、iPadを購入した後、「買う前は生産性、買った後はiQiyi」を防ぐために。Linux 上にコード サーバーを構築し、iPad を使用してブラウザまたはアプリを通じてコード サーバーにリモート アクセスできます。サーバーのリソースを使用してコードを実行すると、iPad のフロントエンドはコードと操作のみを担当する必要があるため、iPad は完璧なモバイル開発ツールになります。!
さらに、いつでもどこでもリモート モバイル開発を実現するために、cpolar イントラネットの浸透を使用してローカル エリア ネットワークの制限を突破し、iPad をパブリック ネットワーク環境でのコード開発にも使用できることを実現しました。!
1. ローカル環境の設定
Ubuntu または centos のいずれかの仮想マシンを準備します。ここでは VMware Ubuntu システムを例にします
ダウンロードコードサーバーサービス
ブラウザでアクセス: https://github.com/coder/code-server、コマンドをコピーしてダウンロードします
ubuntuコマンドラインを開いて実行します
curl -fsSL https://code-server.dev/install.sh | sh
ubuntuのログインアカウントのパスワードを入力する必要があるようです。パスワードを入力して、インストールが完了するまで待ちます。
次の情報は、インストールが成功したことを示します。
次に、次のコマンドを入力して、コードサーバーのログインパスワードを設定します。
export PASSWORD=”000000”
LANアクセス用のIPアドレスを確認する
ifconfig
パスワードを設定した後、コードサーバーサービスを開始し、次のコマンドを入力します。
code-server --host= “0.0.0.0”
アドレスとポート番号の情報が成功を示しているように見えます
次に、ブラウザを開いてLAN 経由でhttp://192.168.30.128:8080/にアクセスすると、成功したことが表示されますwelcone code-server
。設定したパスワードを入力してログインします。
2. イントラネットの浸透
次に、cpolar を使用してローカル コード サーバー サービスに侵入し、いつでもどこでもリモートからアクセスしてコードを記述できるようにします。cpolar は http/https/tcp プロトコルをサポートし、トラフィックを制限せず、操作が簡単で、パブリック ネットワーク IP やルーターを必要としません。
cpolar公式サイト: https: //www.cpolar.com/
2.1 cpolar イントラネット ペネトレーションのインストール (ワンクリック自動インストール スクリプトをサポート)
- cpolar の設置 (国内使用)
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
- または cpolar ショートリンクのインストール方法: (海外向け)
curl -sL https://git.io/cpolar | sudo bash
- バージョン番号を表示する
cpolar version
- トークン認証
cpolar 公式 Web サイトの背景にログインし、左側の検証をクリックして認証トークンを表示し、コマンド ラインにトークンを貼り付けます。
cpolar authtoken xxxxxxx
- 簡易侵入テスト
cpolar http 8080
Ctrl+C を押して終了します
- システムにサービスを追加する
sudo systemctl enable cpolar
- cpolarサービスを開始する
sudo systemctl start cpolar
- サービスステータスの表示
sudo systemctl status cpolar
正常に と表示されていればactive
、サービスは通常のオンライン起動状態にあります。
2.2 HTTPトンネルの作成
cpolar イントラネット ペネトレーションを ubuntu システムにローカルにインストールした後、ubuntu ブラウザでローカル ポート 9200 にアクセスし、cpolar Web UI インターフェイス http://127.0.0.1:9200 を開きます。
左側のダッシュボードで [トンネル管理] - [トンネルの作成] をクリックします。ポート 8080 がコードサーバーで構成されているため、ポート 8080 を指す http トンネルを作成する必要があります。
- トンネル名: カスタマイズ可能、重複しないように注意してください
- プロトコル: httpプロトコル
- ローカルアドレス: 8080
- ドメインの種類: ランダムなドメイン名を選択します
- 地域: 中国 VIP を選択
クリック创建
作成後、左側のステータス - オンライン トンネル リストをクリックし、パブリック ネットワーク アドレスを表示してコピーします。
3. リモートアクセスをテストする
iPad ブラウザを開き、先ほどコピーしたパブリック ネットワーク アドレスを入力してアクセスし、アクセス後、以前に設定したパスワードを入力すると、成功を示す vscode インターフェイスが表示されます。
4. 固定の第 2 レベルのサブドメイン名を構成する
4.1 予約済みの第 2 レベルのサブドメイン
cpolar を使用して作成された上記のトンネルはランダムな一時的なパブリック ネットワーク アドレスを使用するため、アドレスは 24 時間以内に変更され、長期的なリモート アクセスには適していません。したがって、第 2 レベルのサブドメイン名を設定できます。これは固定アドレスであり、ランダムに変更されません [ps: cpolar.cn はファイルされています]
固定の第 2 レベルのサブドメイン名を設定するには、cpolar を基本パッケージ以上にアップグレードする必要があることに注意してください。
cpolar 公式 Web サイトにログインし、左側の [予約] をクリックし、第 2 レベルのサブドメイン名を予約することを選択し、第 2 レベルのサブドメイン名を設定して、[予約] をクリックし、予約が成功したら予約した第 2 レベルのサブドメイン名をコピーします。
- 地域: 中国 VIP を選択
- 第 2 レベルのドメイン名: カスタマイズ可能
- 説明: 備考。カスタマイズ可能
4.2 第 2 レベルのサブドメイン名の構成
ローカル ポート 9200 にアクセスし、cpolar Web UI インターフェイスを開き、左側のトンネル管理 - トンネル リストをクリックし、vscode トンネルを見つけて、右側の [編集] をクリックします。
トンネル情報を変更します。
- ドメイン名のタイプを変更して、第 2 レベルのサブドメイン名を選択します
- サブドメイン: 正常に予約されたばかりの第 2 レベルのサブドメイン名を入力します。
クリック更新
トンネルが正常に更新されたら、左側のステータス - オンライン トンネル リストをクリックし、パブリック ネットワーク アドレスを表示します。アドレスが第 2 レベルのドメイン名になっていることがわかります。それをコピーします。
5. 固定の第 2 レベルのサブドメイン名を使用してリモート アクセスをテストする
次に、iPad ブラウザを再度開き、正常に構成された固定のセカンダリ サブドメイン アドレスにアクセスすると、vscode インターフェイスが成功を示すように表示され、問題なくコードを書くことができます。
6. ソフトウェア経由の iPad リモート vscode
次に、コードサーバーソフトウェアのserviterを使用して、iPadからvscodeへのリモートアクセスを実現します。
6.1 TCPトンネルの作成
まず、サーバーのポート 22 を指す TCP トンネルを作成する必要があります。servediter for code-server
このソフトウェアはサーバーに接続する必要があります。ubuntu でブラウザを開いてローカル ポート 9200 にアクセスし、cpolar Web UI インターフェイスにログインして、左側のトンネル管理 - トンネルの作成
- トンネル名: カスタマイズ可能、重複しないように注意してください
- プロトコル: tcpプロトコル
- ローカルアドレス: 22
- ドメイン名のタイプ: ランダムな一時的な TCP ポートを選択します
- 地域: 中国 VIP を選択
クリック创建
トンネルが正常に作成されたら、左側のステータス - オンライン トンネル リストをクリックし、生成されたパブリック ネットワーク アドレスをコピーします。
7.iPadリモートvscode
iPad で、クリックしてアプリストアを開き、ソフトウェアをダウンロードしますservediter for code-server
ダウンロードが成功したら、クリックして開きます ソフトウェアは有料なので、自由に購入できます ここで、無料トライアルを選択し、最後の無料を選択します
関連情報を入力します
パラメータの紹介:
- code-server URL: 正常に設定された http パブリック ネットワーク アドレス [iPad ブラウザによってアクセスされるアドレス] を入力します。
- インスタンスのパスワード: コードサーバーによって設定されたパスワード
- ホスト: 前に作成した 22 トンネルのパブリック ネットワーク アドレスを入力します。
- ユーザー名: ubuntu システムのユーザー名を入力します。
- ポート: ここではデフォルトを変更する必要はありません。
- 認証: ubuntu システムのユーザー名に対応するパスワードを入力します。
情報を入力した後、右上隅にある [保存] をクリックすると自動的に接続され、接続が成功したことを示す vscode インターフェイスが表示されます。
8. 固定 TCP ポート アドレスを構成する
先ほど作成した ssh ポート 22 トンネルはランダムな一時アドレスを選択したため、アドレスは 24 時間以内に変更されます。iPad で vscode 接続をよりスムーズに使用するには、ssh のパブリック ネットワーク アドレスを固定する必要があります。
cpolar パッケージはプロフェッショナル パッケージ以上にアップグレードする必要があることに注意してください。
8.1 固定 TCP アドレスを予約する
cpolar公式 Web サイトの背景にログインし、左側の予約をクリックして、予約された TCP アドレスを見つけます。
- 地域: 中国 VIP を選択
- 説明: 備考。カスタマイズ可能
クリック保留
固定 TCP アドレスが正常に予約され、システムは対応するパブリック ネットワーク アドレス + 固定ポート番号を生成し、それをコピーします。
8.2 固定 TCP ポート アドレスの構成
ブラウザで http://127.0.0.1:9200/ にアクセスして cpolar Web UI 管理インターフェイスにログインし、左側のダッシュボードのトンネル管理 - トンネル リストをクリックし、codeserver トンネルを見つけて、右側の [編集] をクリックします。
トンネル情報を変更し、固定 TCP ポート アドレスを構成します。
- ポートタイプ: 代わりに固定TCPポートを選択します
- 予約済み TCP アドレス: 正常に予約された固定 TCP ポート アドレスを入力します。
クリック更新
トンネルの更新が成功したことを示すメッセージが表示されます。左側のダッシュボードのステータス - オンライン トンネル リストをクリックすると、変更したばかりのトンネルのパブリック ネットワーク アドレスが固定 TCP ポート アドレスに更新されたことがわかり、それをコピーします。
9. リモート vscode に固定 TCP アドレスを使用する
iPad で、コードサーバー ソフトウェアのサーブダイターを開き、ホスト パラメーターを変更して、先ほど正常に構成した固定 TCP ポート アドレスに変更します。
i
左上隅のロゴをクリックします
自己ホストサーバーの選択
ホストの値を、公式 Web サイトで予約した TCP アドレスに変更します。
変更後、右上隅の「保存」をクリックします。クリック後、自動的に接続され、成功を示す vscde インターフェースが表示されます。この時点でチュートリアルは終了です。iPad を使って楽しいプログラミングを始めましょう! パブリック ネットワーク アドレスがランダムに変更されることはなくなります。