在 () 中配置和使用管線解析器 AWS AppSync JavaScript

AWS AppSync 在 GraphQL 欄位上執行解析程式。在某些情況下，應用程式需要執行多個操作，才能解析單一 GraphQL 欄位。使用管道解析器，開發人員現在可以撰寫稱為 Functions 的操作並按順序執行它們。在像是以需要先執行授權檢查才能擷取欄位資料的情況中，就很適合使用管道解析程式。

如需有關 JavaScript 管線解析器架構的詳細資訊，請參閱解析器概觀。JavaScript

步驟 1：建立管線解析程式

在 AWS AppSync 主控台中，移至 [結構描述] 頁面。

儲存下列結構描述：

schema {
    query: Query
    mutation: Mutation
}

type Mutation {
    signUp(input: Signup): User
}

type Query {
    getUser(id: ID!): User
}

input Signup {
    username: String!
    email: String!
}

type User {
    id: ID!
    username: String
    email: AWSEmail
}

我們將一個管道解析器連接到突變類型上的signUp字段。在右側的「突變類型」中，選擇「signUp突變」欄位旁邊的「附加」。將解析器設置為pipeline resolver和APPSYNC_JS運行時，然後創建解析器。

我們的管道解析程式會註冊使用者，此註冊的第一步是驗證電子郵件地址輸入，然後在系統中儲存此位使用者。我們將在validateEmail函數中封裝電子郵件驗證，並將用戶保存在saveUser函數中。該validateEmail函數首先執行，如果電子郵件是有效的，則saveUser函數執行。

執行流程將如下所示：

1. 突變。 signUp 解析器請求處理程序

2. validateEmail 函數

3. saveUser 函數

4. 突變。 signUp 解析器響應處理程序

因為我們可能會在我們的其他解析器中重複使用該validateEmail函數API，所以我們希望避免訪問，ctx.args因為這些將從一個 GraphQL 字段更改為另一個字段。反之，我們可以使用 ctx.stash 來存放 signUp(input: Signup) 輸入欄位引數所傳遞的電子郵件屬性。

通過替換請求和響應函數來更新您的解析器代碼：

export function request(ctx) {
    ctx.stash.email = ctx.args.input.email
    return {};
}

export function response(ctx) {
    return ctx.prev.result;
}

選擇「建立」或「儲存」以更新解析程式。

第 2 步：創建一個函數

在管線解析器頁面的函數區段中，按一下新增函數，然後按一下建立新函數。也可以在不經過解析器頁面的情況下創建函數; 要做到這一點，在 AWS AppSync控制台中，轉到 Functions 頁面。選擇 Create function (建立函數) 按鈕。讓我們來建立可檢查電子郵件是否有效且來源是特定網域的函數。如果電子郵件無效，則該函數會引發錯誤。否則，它會轉送任何獲予的任何輸入。

請確定您已建立該NONE類型的資料來源。在「資料來源名稱」清單中選擇此資料來源。對於函數名稱，請輸入 in validateEmail。在函數代碼區域中，用這個代碼片段覆蓋所有內容：

import { util } from '@aws-appsync/utils';

export function request(ctx) {
  const { email } = ctx.stash;
  const valid = util.matches(
    '^[a-zA-Z0-9_.+-]+@(?:(?:[a-zA-Z0-9-]+\.)?[a-zA-Z]+\.)?(myvaliddomain)\.com',
    email
  );
  if (!valid) {
    util.error(`"${email}" is not a valid email.`);
  }

  return { payload: { email } };
}

export function response(ctx) {
  return ctx.result;
}

檢閱您的輸入，然後選擇 [建立]。我們剛剛建立我們的validateEmail函式。重複這些步驟以使用以下代碼創建saveUser函數（為了簡單起見，我們使用NONE數據源並在函數執行後假裝用戶已保存在系統中。 ):

import { util } from '@aws-appsync/utils';

export function request(ctx) {
  return ctx.prev.result;
}

export function response(ctx) {
  ctx.result.id = util.autoId();
  return ctx.result;
}

我們剛剛建立我們的saveUser函式。

步驟 3：將函數添加到管道解析器

我們的函數應該已經自動添加到我們剛剛創建的管道解析器中。如果不是這種情況，或者您通過「函數」頁面創建了函數，則可以單擊signUp解析器頁面上的添加函數以附加它們。將validateEmail和saveUser函數新增至解析器。該validateEmail函數應該放在saveUser函數之前。當您新增更多函數時，您可以使用「上移」和「下移」選項來重新組織函數的執行順序。檢閱您的變更，然後選擇 [儲存]。

步驟 4：執行查詢

在 AWS AppSync 主控台中，移至「查詢」頁面。在資源管理器中，確保您正在使用突變。如果不是，請Mutation在下拉式清單中選擇，然後選擇+。輸入下列查詢：

mutation {
  signUp(input: {email: "[e-mail]", username: "nadia"}) {
    id
    username
  }
}

這應該返回如下內容：

{
  "data": {
    "signUp": {
      "id": "256b6cc2-4694-46f4-a55e-8cb14cc5d7fc",
      "username": "nadia"
    }
  }
}

我們已使用管道解析程式成功註冊我們的使用者，並完成輸入電子郵件的驗證。