CloudStudio では、ポケットに手を入れていても敵が何であるかわかりません。真の最新の開発手法を体験してください。
序文
最近、幸運にもTencent Cloudが開催するTencent Cloud Cloud Studio実践トレーニングキャンプに参加することができました。このプロセスでは、Cloud Studioの製品と実践を理解することで多くの利益を得ました。そして、まだこのように開発できることがわかりました。また、この商品の意義がとてもよく分かりました。
WeChatグループでイベントの紹介と説明を見た後、私は一人でノンストップで探索を始めました。まず、グループのアシスタントから送られてきた実験マニュアルに従い、プロダクト全体の業務プロセスを体験しました。
次に、公式の製品ドキュメントを確認してください。Vue に基づいた小さなゲームがColud Studioプラットフォーム上に構築され、コードはプラットフォームを通じて最適化され、同期のためにプラットフォームに送信されました。プロセス全体は非常にスムーズでした。Github
他の学生を助けることを願って、それを整理して私の操作と洞察を共有させてください。
背景
クラウドコンピューティング業界の発展に伴い、さまざまなクラウドベースのIDEが次々と登場しています。このような効率優先の環境では、同時にコスト削減も必要となるため、IDE従来に比べてユーザーの作業を大幅に効率化できるIDEクラウドが誕生しました。IDE
1.CloudStudioとは何ですか?
云 IDE Cloud StudioTencent Cloud が提供するオンライン クラウド開発ツールとして、ユーザーは導入IDEコストを削減し、オンライン コードの開発、コンパイル、運用、保管のワンストップ サービスを提供できます。
Cloud Studio（IDE）これは、開発者に中断のないクラウド ワークステーションを提供するブラウザベースの統合開発環境です。ユーザーはCloud Studio使用時にインストールする必要がなく、ブラウザを開くだけでいつでもどこでもオンラインでプログラミングが可能です。
Cloud Studioオンラインとして、コードの強調表示、オートコンプリート、Git 統合、ターミナルなどの IDEの基本機能がIDE含まれています。同時に、開発者がさまざまなタスクを迅速に完了するのに役立ちます。支持实时调试、插件扩展等应用的开发、编译与部署工作
2. CloudStudioの特徴
Cloud StudioCloud Studio安定したクラウド ワークステーションを開発者に提供する「ブラウザ」ベースの統合開発環境 (IDE) です。使用時にインストールする必要はありません。ブラウザを開くだけでプロジェクトをすぐに開始して開発できます。基盤となるリソースは、コストを大幅に節約し、ローコード開発で時間と労力を節約します。
クライアントベースのWebコード エディターには、コードのハイライト表示、オートコンプリート、Git 統合、ターミナルなどの基本的なIDE 機能が含まれており、また、開発、コンパイル、編集の効率を向上させるためのリアルタイム デバッグ、プラグイン拡張機能などもサポートしています。そして展開。
クラウド サーバーへのリモート アクセスをサポートし、Tencent クラウドSCF業界のユーザーに、開発、テスト、展開の完全なクローズド ループのクラウド ネイティブ開発エクスペリエンスを提供します。
3. CloudStudioの応用シナリオ
Cloud Studioオンライン プログラミング ツールは、次のシナリオに適しています。
- クイックスタートプロジェクト
Cloud Studioのプリセット環境を使用すると、面倒な環境設定を行わずに、対応するタイプのワークスペースを直接作成し、プロジェクトを迅速に開始して開発状態に入ることができます。
- Webページをリアルタイムでデバッグする
Cloud Studio内蔵のプレビュー プラグインにより、Web アプリケーションをリアルタイムに表示できます。コードが変更されると、プレビュー ウィンドウが自動的に更新されるため、Cloud StudioWeb ページをリアルタイムで開発およびデバッグできます。
- クラウドサーバーへのリモートアクセス
Cloud Studio独自のクラウド サーバーへの接続をサポートしているため、エディターでクラウド サーバー上のファイルを表示し、オンライン プログラミングとデプロイメントを実行できます。
4. CloudStudio でイディオム パズル ゲームを構築するために 1 秒練習する
リモート オフィスのシナリオによく遭遇します。次に、クラウドを使用してIDE Cloud Studio迅速に構築し、プラットフォーム上でイディオム パズル プロジェクトを構築しCloud Studio、それを変更してプラットフォームに同期してgithub、プロジェクトの迅速なメンテナンスを実現し、クラウドを 0 から 1 まで体験することを計画していますIDE。それによってもたらされる利点は、さまざまな環境をインストールする必要がなく、使いやすく、すぐに使い始めることができることです。
ログイン 登録
- 公式ウェブサイトを開きます。
以下のリンクをクリックして公式サイトに移動し、**「登録/ログイン」**をクリックしてください。
- 登録
Cloud Studio:
ここ で登録してログインすると非常に便利でCloud Studio、次の 3 つの登録方法が提供されています。
CODINGアカウント認証を使用して登録/ログインします- WeChat を使用して登録/ログインを承認します (この記事で使用する方法)
- 権限を持って
GitHub登録/ログインする
認証が成功した後、ホームページにジャンプするCloud Studioと、多くのテンプレート (フレームワーク テンプレート、クラウド ネイティブ テンプレート、Web サイト構築テンプレート) が提供されていることがわかりますCloud Studio。これらはすべてプレインストールされた環境であり、外部から提供されています。コード開発のための環境を迅速に構築できるボックス テンプレートと同時にCloud Studio、すべての新旧ユーザーに3000毎月数分間の無料ワークスペースが与えられます。
1. 建設準備
まず、このプロジェクトをローカルで実行して、プロジェクトが正常に利用できることを確認します。その結果は次のようになります。
プロジェクトが正常に開始されていることがわかります。すでに接続されているのでgithub、その上に置く予定です。ウェアハウス プロジェクトを直接取得するのは非常に便利です。ここに新しいウェアハウスを作成し、プロジェクトアップ:Cloud Studiogithubidiom-puzzle
2. ワークスペースを作成する
私たちの環境は、提供されたテンプレートに完全に適合するものを見つけられないため、幸いなことに、この環境は非常に柔軟で、カスタム環境をサポートしています。ここでは、プロジェクトのデプロイメント用にCloud Studio環境をカスタマイズします。最初に新しいワークスペースを作成します。次に、スペース名を入力し、作業カテゴリを選択します。 , ここでは、ログインを使用しているため、コードのソースを直接デフォルトにし、ウェアハウスに置き換えることを選択します。これにより、アカウントのウェアハウス リストが自動的に読み取られます。ここでは、ウェアハウスを直接選択します。その後、開発環境は引き続き選択します。初期化は非常に速く、約 3 秒で完了します。プロジェクトの親環境が初期化されます。vue
githubCloud Studioidiom-puzzlevuejs
3. プロジェクトの依存関係をインストールし、プロジェクトを開始します
まず、プロジェクトの依存関係をコンソールにインストールします
npm install
操作が完了したら、コンソールに入力してnpm run devプロジェクトを開始します。
Cloud Studio組み込みのプレビュー プラグインにより、Web アプリケーションをリアルタイムで表示できます。コードが変更されると、プレビュー ウィンドウが自動的に更新され、Web ページをリアルタイムで開発およびデバッグできます。このプロジェクトはモバイル H5 プロジェクトであるCloud Studioため、プロジェクトでは、スタイルを表示するには **「デバイスの切り替え」** ボタンを開く必要があります。
携帯電話でのデバッグ用に QR コードが提供されています。
組み込みブラウザ ウィンドウのアドレス バーをコピーしてChromeチームの他のメンバーと共有すると、nginx導入の面倒な構成が不要になります。
4. オンラインでコードを変更し、git ウェアハウスと同期します。
後ろにtitle2 つのシンボルを追加し、それを保持します。すぐにプレビューにフィードバックが表示されます。!!
この時点で、プロジェクトのオンライン デバッグとメンテナンスを実行できます。これは、左側の機能メニュー領域から実行できます“源代码管理”。送信する必要がある情報を入力しmessage、「Commit」をクリックしてウェアハウスに送信します。
送信後、変更をウェアハウスに同期できます。
倉庫のホームページからcommitご覧いただけます。
構成が要件を満たしていないと思われる場合は、構成をアップグレードすることもできますが、変更は次回の再起動後に有効になります。
5. SSH経由でクラウドホストに接続します
Web バージョンを操作したくない場合は、 を介してホストにリンクすることCloud Studioもできます。これは非常に包括的です。ssh
要約する
今回は、クラウドプログラミングの体験Cloud Studioと、迅速な開発とデバッグのためのクラウドの実際の使用を通じて、クラウドがもたらすメリットを0から1までIDE Cloud Studio実感しました。オンラインエディターは非常に優れており、使いやすさは非常に優れています。IDE初心者でも専門家でも、さまざまな環境をインストールすることなくすぐにプロジェクトを構築してデモすることができ、箱から出してすぐに使い始めることができます。
製品ページのビジョンという点ではUI、非常にすっきりしていて、シンプルだけど単純ではなく、設定や管理においても非常に便利です。同時に、プロジェクトの実行速度も考慮され、独自のニーズに応じて構成を動的にアップグレードできるため、非常に汎用性が高いと言えます。
この使用と実際のプロジェクト戦闘を通じて、次の利点と提案をまとめました。
- アドバンテージ
- クロスプラットフォームでインストール不要: クラウドベースの開発プラットフォームで、
Cloud Studioあらゆるデバイスで実行でき、ソフトウェアをインストールする必要はなく、ブラウザ経由でアクセスするだけで済みます。これにより、デバイスの互換性やソフトウェアのインストールを気にすることなく、より便利に開発できるようになります。 - 多言語サポート:
JavaScript、Python、Go、Java、C#などを含む複数のプログラミング言語をサポートします。開発には使い慣れたプログラミング言語を選択できます。 - コラボレーションと共有:
Cloud Studio複数人でのコラボレーションとプロジェクト共有が実現でき、同じプロジェクト内で共同開発できると同時に、コードやプロジェクトをより便利に共有できます。 - スケーラビリティと柔軟性:
Cloud Studioプラグインや拡張機能を使用して拡張でき、開発者のニーズに応じてカスタマイズおよび拡張できます。 - セキュリティと安定性:
Cloud Studioクラウド上で実行すると、データのセキュリティと安定性を効果的に保証できます。同時に、Cloud Studioバージョン管理とコード管理をより便利に実行できるため、開発効率とコードの品質が向上します。 - コストと効率：
Cloud Studioリフト構成により、コストをより合理的に使用でき、効率が向上します。同時に、Cloud Studioデプロイと保守がより便利になり、開発者の作業負荷が軽減されます。
いくつかの提案は、将来的に強化されることが期待されています。
Cloud Studioこの製品は新興製品であるため、コミュニティのサポートは比較的弱いです。ユーザーは使用中にいくつかの問題や困難に遭遇し、それを自分で調べて解決する必要があり、不便や障害が発生する可能性があります。- 製品のイノベーションと技術の研究開発を強化し、製品のパフォーマンスとユーザーエクスペリエンスを継続的に最適化します。
- より多くのプログラミング言語とフレームワークのサポート: Web サイトで現在サポートされているプログラミング言語とフレームワークは、すべてのユーザーのニーズを満たすことができません。プラットフォームの適用性と拡張性を向上させるために、より多くのプログラミング言語とフレームワークをサポートすることを検討してください。たとえば、
PHPWeb サイト構築の需要は非常に大きく、php環境が大幅に増加します。 - より最適化されたパフォーマンスと安定性を提供する: Web サイトのパフォーマンスと安定性にはまだ改善の余地があり、フリーズやクラッシュなどの問題が発生する場合があります。ユーザー エクスペリエンスを向上させるために、プラットフォームのパフォーマンスと安定性の最適化を検討することをお勧めします。
最後に、Cloud Studioより多くの機能を開発し、皆さんと一緒に探索し、将来の開発を実現できることを願っています。