1.3. ネイティブデベロッパーポータルを変更するための追加の 3scale 機能の説明

Developer Portal > Content 環境では、右上の New Page ドロップダウンにより、デベロッパーポータルに以下の要素を追加できます。

ページのドラフトまたは公開バージョンをプレビューできます。ページのテキストエディターの下で、Preview をクリックするとデベロッパーポータルの開発バージョンが表示されます。

プレビューには、右側に濃いグレーの垂直バーが表示されます。濃いグレーのバーの上部で Draft | Published のいずれかが強調表示され、表示しているバージョンが示されます。このバーには、以下の項目の編集環境へのリンクが含まれます。

デベロッパーポータルの開発バージョンの Draft ビューは、イテレーティブ/差分の改善をサポートします。Draft バージョンの見栄えおよび動作が正しかったら、公開できます。アクセスコードを使用すると、ページを公開すると、デベロッパーポータルが公開された場合に API 利用者にどのように見えるかを確認できます。アクセスコードが使用されない場合、ページを公開すると、ライブのデベロッパーポータルでそのページが更新されます。

フィルターフィールドを使用すると、デベロッパーポータル環境のリソースを検索できます。3scale は、検索対象の要素のみを表示するので、作業対象を簡単に見つけることができます。フィルターフィールドは、アイコンのすぐ下にあります。

プレースホルダーは編集可能なフィールドです。たとえば、開発者ポータル > コンテンツ > ログイン > 新規 ページには、いくつかのプレースホルダーがあります。

<input id="session_username" name="username" tabindex="1"
  autofocus="autofocus" type="text"
  placeholder="Authenticate with your email"
  class="form-control">
...
<input id="session_password" name="password" tabindex="2"
  type="password"
  placeholder="…and password"
  class="form-control">

このコードは、開発者ポータルで次のフィールドを生成します。

プレースホルダーテキストを更新して公開し、開発者ポータルで更新を確認できます。たとえば、Authenticate with your email を Authenticate email に変更できます。ページを公開すると、開発者ポータルで更新されたプロンプトを確認できます。次に例を示します。