単純なHTMLフォームで静的コンテンツのプル要求を生成する

多くの場合、静的サイトジェネレーター（SSG）で構築され、GitHubなどのプラットフォームでホストされているJamstack Webサイトは、プルリクエストを介してコミュニティの貢献のユニークな機会を提供します。 CSS-Tricksなどのサイトで使用されるこのアプローチには、いくつかの利点があります。

• 費用対効果が高く簡単な展開： SSGは通常、無料で展開が簡単で、MVPや概念実証プロジェクトに最適です。
• セキュリティの強化：静的ファイルのみを提供することで、セキュリティの脆弱性が最小限に抑えられます。
• スケーラビリティ：既存のホスティングソリューションは、トラフィックの増加を簡単に処理できます。
• コミュニティの貢献：リポジトリ内で直接コンテンツを使用すると、簡単にプルリクエストを可能にし、コミュニティの関与を促進します。

ただし、従来のプルリクエストプロセスは、非技術的な貢献者にとって困難な場合があります。この記事では、より簡単な方法について説明します。HTMLフォームを使用してプルリクエストを生成します。

課題：貢献を合理化

フォーキングの複雑さ、コンテンツのフォーマットの理解、および潜在的にローカル開発環境を設定することは、潜在的な貢献者を阻止する可能性があります。よりユーザーフレンドリーなアプローチが必要です。

ソリューション：githubはクエリパラメーターを使用してリクエストをプルします

GitHubを使用すると、特別にフォーマットされたURLのクエリパラメーターを使用して、事前に充填プルリクエスト情報が許可されます。これにより、このURLを生成するシンプルなHTMLフォームを作成し、貢献プロセスを合理化できます。

フォームを構築し、プル要求URLを生成します

CSS-Tricksのサーバーレスサイトと同様に、サーバーレスサイトにリソースを追加するシナリオを考えてみましょう。各リソースには次のことが必要です。

• タイトル
• URL
• 著者
• タグ
• 説明

HTMLフォームを作成して、この情報を収集することができます。

タイトル
URL
著者
タグ（コンマ集合）
説明
提出する

<script> // JavaScript to generate and redirect to the GitHub pull request URL (omitted for brevity, see original article for details) </script>

JavaScriptは次のように慣れています。

1. ユーザー入力を収集します。
2. 新しいリソースファイルを表すフォーマットされた文字列を生成します。
3. url-encode文字列。
4. エンコードされた文字列をクエリパラメーターとして、GitHub Pull Request URLを作成します。
5. このURLにユーザーをリダイレクトします。

さらなる機能強化

このアプローチは、次のように拡張できます。

• 事前に充填フォームデータ： API（元の記事に記載されているような）を使用して、提供されたURLに基​​づいてタイトルや説明などのフィールドを自動的に入力します。これにより、ユーザーの入力負担が軽減されます。
• 他のサービスとの統合：追加のデータ処理または検証のために他のAPIと統合して機能を拡張します。

結論

この方法は、静的サイトジェネレーターの最小限のCMSソリューションを提供し、コミュニティの貢献を簡素化します。フォームとクエリパラメーターをカスタマイズすることにより、さまざまなコンテンツ形式とデータ構造に適応できます。このアプローチは、貢献者の入場障壁を下げ、より包括的で協力的な環境を促進します。

以上が単純なHTMLフォームで静的コンテンツのプル要求を生成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。