搜索

[25871] 2016-12-23_用带有AmazonCognitoIdentitySDK的webpack打包JavaScript

文档创建者：s7ckTeam
浏览次数：1
最后更新：2025-01-19
2016-12-23_用带有AmazonCognitoIdentitySDK的webpack打包JavaScript - -   M a r c   T e i c h t a h l 1 6 % 2 5 % 5 3 % 5 8 % 6 6 % 7 9 % 8 4 % 用 带 有   A m a z o n   C o g n i t o   I d e n t i t y   S D K   的   w e b p a c k   打 包   J a v a S c r i p t 原 创   译 者 ： u c a s F L   L i n u x 中 国   2 0 1 6 - 1 2 - 2 3 通 过 本 文 ， 你 将 看 到 如 何 把   A W S   S D K ，   A m a z o n   C o g n i t o   I d e n t i t y   S D K   嵌 入 到   J a v a S c r i p t   中 ， 以 及 如 何 使 用 流 行 的   w e b p a c k   模 块 打 包 器 。 本 文 导 航 - 为 什 么 在   J a v a S c r i p t   上 使 用   A s s e t   及 模 块 捆 绑 的   A m a z o n   C o g t i t o   I d e n t i t y   S D K - 使 用 带 有   A m a z o n   C o g n i t o   I d e n t i t y   S D K   的   w e b p a c k   打 包   J a v a S c r i p t - 使 用   w e b p a c k   加 载 器 - 使 用   e x p o r t   加 载 器 - 使 用   i m p o r t   加 载 器 - 下 一 步 - 引 用 编 译 自 ：   h t t p s : / / m o b i l e . a w s b l o g . c o m / p o s t / T x 1 A 8 4 C L M D J 7 4 4 T / U s i n g - w e b p a c k - w i t h - t h e - A m a z o n - C o g n i t o - I d e n t i t y - S D K - f o r - J a v a S c r i p t   作 者 ：   M a r c   T e i c h t a h l 译 者 ：   u c a s F L 这 篇 文 章 针 对 开 发 和 部 署 基 于   J a v a S c r i p t   的 应 用 （ 服 务 器 端 的   N o d e . j s   或 者 客 户 端 ） 的 各 种 经 验 水 平 的 开 发 者 ， 通 过 本 文 ， 你 将 看 到 如 何 把   A W S   S D K ，   A m a z o n C o g n i t o   I d e n t i t y   S D K   嵌 入 到   J a v a S c r i p t   中 ， 以 及 如 何 使 用 流 行 的   w e b p a c k [ 1 ]   模 块 打 包 器 。 2 0 1 6   年   7   月 ，   A W S   推 出 了   A m a z o n   C o g n i t o   u s e r   p o o l 用 户 库 [ 2 ] ， 这 个 新 特 性 极 大 的 方 便 了 开 发 者 在 移 动 和   W e b   应 用 程 序 上 添 加 注 册 和 登 录 功 能 。 为 了 让 开 发 者 更 容 易 在 自 己 的 应 用 程 序 中 实 现 用 户 库 功 能 ， 我 们 也 发 布 了 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K [ 3 ] 。 A m a z o n   C o g n i t o   用 户 库 可 以 让 你 在 移 动 和   W e b   应 用 程 序 上 添 加 用 户 注 册 和 登 录 功 能 更 加 容 易 。 全 托 管 用 户 库 可 以 扩 展 到 数 以 百 万 计 的 用 户 ， 你 可 以 在 每 个   A W S   账 户 下 有 多 重 目 录 。 创 建 一 个 用 户 库 只 需 要 几 分 钟 的 时 间 ， 并 且 你 可 以 决 定 当 一 个 新 用 户 在 你 的 应 用 程 序 或 服 务 上 注 册 时 哪 些 属 性 （ 包 括 地 址 、 邮 箱 、 电 话 号 码 以 及 自 定 义 属 性 ） 是 强 制 的 ， 哪 些 是 可 选 择 的 。 你 的 应 用 程 序 也 可 以 指 定 所 需 的 密 码 强 度 ， 指 定 用 户 需 要 进 行 多 因 素 认 证 （ M F A ） ， 以 及 通 过 电 话 号 码 或 者 邮 件 地 址 来 验 证 新 用 户 ， 从 而 进 一 步 加 强 应 用 程 序 的 安 全 性 。 如 果 你 是 首 次 接 触 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K ， 那 么 请 先 阅 读 这 篇   A W S   文 章 [ 4 ] 作 为 开 始 。 为 什 么 在 为 什 么 在   J a v a S c r i p t   上 使 用 上 使 用   A s s e t   及 模 块 捆 绑 的 及 模 块 捆 绑 的   A m a z o n   C o g t i t o   I d e n t i t y   S D K 今 天 ， 针 对 移 动 和 桌 面 的 现 代   W e b   应 用 程 序 都 能 为 用 户 提 供 安 全 、 快 捷 、 灵 敏 以 及 类 本 地 应 用 的 体 验 。 毫 无 疑 问 ， 现 代 的 浏 览 器 功 能 足 够 强 大 ， 能 够 肩 负 起 大 量 可 能 的 功 能 实 现 。 许 多 流 行 的 实 现 很 大 程 度 上 依 赖 于   J a v a S c r i p t   应 用 程 序 通 过 某 种 形 式 的   a s s e t   封 装 和 / 或 模 块 捆 绑 进 行 部 署 。 这 使 得 许 多 开 发 人 员 能 够 很 好 的 维 护 自 己 的   J a v a S c r i p t   应 用 程 序 ， 并 且 可 以 通 过 使 用   s c r i p t   标 签 创 建 一 个 或 多 个 可 以 加 载 到 客 户 端 浏 览 器 上 的 文 件 。 关 于 如 何 实 现 打 包 有 许 多 争 鸣 ， 包 括   G r u n t [ 5 ]   和   G u l p [ 6 ]   这 样 的   t a s k   r u n n e r ， 以 及   B r o w s e r i t y [ 7 ]   这 样 的 打 包 器 。 然 而 ， 一 个 普 遍 的 共 识 是 ，   a s s e t   打 包 不 仅 可 以 改 善 加 载 时 间   -   它 可 以 在 确 保 可 测 试 性 和 健 壮 性 的 前 提 下 使 你 的 应 用 程 序 模 块 化 。
使 用 带 有 使 用 带 有   A m a z o n   C o g n i t o   I d e n t i t y   S D K   的 的   w e b p a c k   打 包 打 包   J a v a S c r i p t 我 们 接 到 了 许 多 请 求 ， 要 求 我 们 提 供 如 何 在   w e b p a c k   环 境 下 整 合 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K   的 更 多 细 节 。 我 们 特 地 要 求 确 保   w e b p a c k   正 确 管 理 一 下 第 三 方 的 依 赖 包 ： 用 于   B i g I n t e g e r   计 算 的   J a v a S c r i p t   B N   库 [ 8 ] （ j s b n ） j s b n   扩 展 [ 9 ] 及 包 含 大 多 数 公 共   B i g I n t e g e r   方 法 的 其 它   j s b n   方 法 （ j s b n 2 ） S t a n f o r d   J a v a S c r i p t   C r y p t o   库 [ 1 0 ] （ j s c l ） 通 过 这 些 例 子 ， 可 以 看 到 ， 下 面 这 些   b o w e r   库 都 被   b o w e r . j s o n   使 用 出 于 我 们 前 面 给 出 的 关 于   a s s e t   打 包 对 于 开 发 过 程 的 重 要 性 的 原 因 ， 除 非 你 的 应 用 程 序 非 常 小 ， 否 则 使 用 像   w e b p a c k   这 样 的   a s s e t   打 包 工 具 几 乎 总 是 必 须 的 。 当 然 ， 还 有 一 个 方 法 是 可 以 通 过 使 用 标 签 简 单 的 处 理 所 有 依 赖 关 系 。 然 而 ， 这 会 污 染 全 局 命 名 空 间 ， 而 且 不 能 够 提 供 最 优 的 资 源 管 理 和 加 载 方 式 。 许 多 开 发 者 首 次 使 用 的 是 具 有 标 准   b a b e l   加 载 器 的 标 准   w e b p a c k . c o n f i g . j s   文 件 ， 像 下 面 展 示 的 这 样 。 6 .   需 要 重 点 记 住 的 是 ， 这 个 配 置 没 有 考 虑 一 些 第 三 方 依 赖 关 系 ， 这 些 被 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K   所 使 用 的 第 三 方 依 赖 目 前 没 有 使 用   J a v a S c r i p t   通 用 模 块 定 义 ( U M D ) [ 1 1 ] 。 U M D   模 式 试 图 提 供 与   R e q u i r e J S [ 1 2 ]   和   C o m m o n J S [ 1 3 ]   这 些 当 前 最 流 行 的 脚 本 加 载 器 的 异 步 模 块 定 义   [ A M D ]   的 基 本 兼 容 。 这 是   w e b p a c k   所 依 赖 的 模 式 ， 为 了 让   w e b p a c k   能 够 工 作 ， 我 们 必 须 进 行 一 些 改 变 。 不 做 这 些 改 变 ， 你 可 能 会 遇 到 下 面 这 些 错 误 。 这 样 一 个 错 误 可 能 会 在 调 用   A W S C o g n i t o . C o g n i t o I d e n t i t y S e r v i c e P r o v i d e r . C o g n i t o U s e r   p r o p e r t y   a u t h e n t i c a t e U s e r   的 时 候 出 现 。 在 这 个 错 误 例 子 中 ， 我 们 可 以 利 用   w e b p a c k   的 1 .   " a w s - c o g n i t o - s d k " :   " h t t p s : / / r a w . g i t h u b u s e r c o n t e n t . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s / m a s t e r / d i s t / a w s - c o g n i t o - s d k . j s " , 2 .   " a m a z o n - c o g n i t o - i d e n t i t y " :   " h t t p s : / / r a w . g i t h u b u s e r c o n t e n t . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s / m a s t e r / d i s t / a m a z o n - c o g n i t o - i d e n t i t y . m i n . j s " , 3 .   " s j c l " :   " h t t p s : / / r a w . g i t h u b u s e r c o n t e n t . c o m / b i t w i s e s h i f t l e f t / s j c l / m a s t e r / s j c l . j s " , 4 .   " j s b n " :   " h t t p s : / / r a w . g i t h u b u s e r c o n t e n t . c o m / a n d y p e r l i t c h / j s b n / m a s t e r / i n d e x . j s " , 1 .   { 2 .       / * *   t e s t   f o r   f i l e   e n d i n g   i n   j s   o r   j s x   3 .         *   e x c l u d e   n o d e _ m o d u l e   a n d   b o w e r _ c o m p o n e n t s   -   w e   d o n t   w a n t   t o   b a b e l   t h e s e   4 .         *   u s e   t h e   b a b e l   l o a d e r   5 .         *   a p p l y   t h e   r e a c t   a n d   e s 2 0 1 5   ( e s 6 )   t r a n s f o r m a t i o n s   * * / 7 .       t e s t :   / . j s x ? $ / , 8 .       e x c l u d e :   / ( n o d e _ m o d u l e s | b o w e r _ c o m p o n e n t s ) / , 9 .       l o a d e r :   ' b a b e l ' , 1 0 .       q u e r y :   { 1 1 .           p r e s e t s :   [ ' r e a c t ' ,   ' e s 2 0 1 5 ' ] 1 2 .       } 1 3 .   } 1 .   a m a z o n - c o g n i t o - i d e n t i t y . m i n . j s : 1 9   U n c a u g h t   R e f e r e n c e E r r o r :   B i g I n t e g e r   i s   n o t   d e f i n e d
i m p o r t   和   e x p o r t   加 载 器 的 能 力 来 解 决 这 个 错 误 。 使 用 使 用   w e b p a c k   加 载 器 加 载 器 根 据   [ w e b p a c k   文 档 ] ， “ 加 载 器 允 许 你 通 过   r e q u i r e ( )   或   l o a d   来 预 处 理 文 件 。 加 载 器 是 一 种 类 似 其 它 构 建 工 具 中   “ t a s k s ”   的 工 具 ， 它 可 以 提 供 一 个 处 理 前 端 构 建 步 骤 的 强 大 方 法 。 加 载 器 可 以 把 一 个 文 件 从 一 种 语 言 转 化 成 另 一 种 语 言 ， 比 如 把   C o f f e e S c r i p t   转 化 成   J a v a S c r i p t   ， 或 者 把 图 像 转 换 为   d a t a   U R L 。 “ 为 了 解 决   U M D   的 兼 容 性 缺 乏 的 问 题 ， 你 必 须 依 赖 两 个 具 体 的 加 载 器 ，   i m p o r t   和   e x p o r t   加 载 器 。 使 用 使 用   e x p o r t   加 载 器 加 载 器 在 使 用 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K   的 情 况 下 ， 我 们 需 要 确 保 把   t h e A W S C o g n i t o   变 量 导 出 到   r e q u i r e   / i m p o r t   它 们 的 模 块 的 变 量 范 围 内 （ 针 对   E S 6 ） 。 在 由   w e b p a c k   创 建 的 捆 绑 中 ， 使 用   e x p o r t   加 载 器 会 有 导 出 模 块 方 法 的 效 果 。 因 此 ，   在   r e q u i r e   和   i m p o r t   后 ， A W S C o g n i t o   和   A W S   是 可 访 问 的 （ 针 对   E S 6 ） 。 2 .   这 儿 [ 1 4 ] 可 以 找 到 更 多 关 于   e x p o r t   加 载 器 的 信 息 。 使 用 使 用   i m p o r t   加 载 器 加 载 器 i m p o r t   加 载 器 主 要 用 于 把 变 量 注 入 （ i m p o r t ） 到 另 一 个 模 块 的 变 量 范 围 内 。 当 第 三 方 模 块 需 要 依 赖 全 局 变 量 的 时 候 ，   i m p o r t   加 载 器 非 常 有 用 ， 比 如 针 对   J a v a S c r i p t   的 A m a z o n   C o g n i t o   I d e n t i t y   S D K   需 要 依 赖   B i g I n t e g e r   或 者   s j c l   的 时 候 。 如 果 你 不 使 用   w e b p a c k   加 载 器 ， 下 面 这 些 内 容 会 在 一 个 捆 绑 中 生 成 。 因 为   j s b i n   和   s j c l   都 不 能   e x p o r t   任 何 东 西 ， 因 此 任 何 依 赖 于 这 些 模 块 的 调 用 都 会 导 致 一 个 错 误 。 为 了 解 决 这 个 问 题 ， 我 们 需 要 使 用 下 面 的   w e b p a c k   加 载 器 配 置 ： 1 .   { 2 .       t e s t :   / a w s - c o g n i t o - s d k / i n d e x . j s / , 3 .       l o a d e r :   ' e x p o r t s ? A W S C o g n i t o ' 4 .   } 1 .   v a r   A W S C o g n i t o   =   r e q u i r e ( ' a w s - c o g n i t o - s d k ' ) 3 .   / * * *   E X P O R T S   f r o m   e x p o r t - l o a d e r   * * * /   4 .   m o d u l e . e x p o r t s   =   A W S C o n g i t o 1 .   _ _ w e b p a c k _ r e q u i r e _ _ ( 4 3 1 ) ;               / /   r e f e r s   t o   j s b i n 2 .   _ _ w e b p a c k _ r e q u i r e _ _ ( 4 3 2 ) ;               / /   r e f e r s   t o   s j c l 1 .   { 2 .       t e s t :   / a m a z o n - c o g n i t o - i d e n t i t y / i n d e x . j s / , 3 .       l o a d e r :   ' i m p o r t s ? j s b n , B i g I n t e g e r = > j s b n . B i g I n t e g e r , s j c l ' 4 .   } ,
这 个 配 置 把 下 面 的 这 些 内 容 嵌 入 到 了 由   w e b p a c k   创 建 的 捆 绑 中 （ 此 时 是   b u n d l e . j s ） 。 结 果 ， j s b n 、 B i g I n t e g e r   和   s j c l   都 被 从 它 们 各 自 的 模 块 中 导 入 到 了 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K   中 。 有 关   i m p o r t   加 载 器 的 更 多 信 息 可 以 在 这 儿 [ 1 5 ] 找 到 。 下 一 步 下 一 步 我 们 鼓 励 你 下 载 用 于   J a v a S c r i p t   的   A m a z o n   C o g n i t o   I d e n t i t y   S D K [ 1 6 ]   并 开 始 构 建 你 的 应 用 ， 并 在 这 篇 文 章 的 指 导 下 通 过   w e b p a c k   能 够 迅 速 掌 握 。 如 果 你 有 任 何 意 见 或 问 题 ， 请 在 下 面 自 由 评 论 ， 也 可 以 发 邮 件 到   t e i c h t a h @ a m a z o n . c o m [ 1 7 ]   或 者 在 这 儿 [ 1 8 ] 提 出 问 题 。 引 用 引 用 这 篇 文 章 引 用 了 下 面 这 些 第 三 方 资 源 ： w e b p a c k   -   h t t p s : / / w e b p a c k . g i t h u b . i o / w e b p a c k   文 件   -   h t t p : / / w e b p a c k . g i t h u b . i o / d o c s / w h a t - i s - w e b p a c k . h t m l w e b p a c k   e x p o r t   加 载 器   -   h t t p s : / / g i t h u b . c o m / w e b p a c k / e x p o r t s - l o a d e r w e b p a c k   i m p o r t   加 载 器   -   h t t p s : / / g i t h u b . c o m / w e b p a c k / i m p o r t s - l o a d e r 用 于   B i g I n t e g e r   计 算 的   J a v a S c r i p t   B N   库 -   h t t p : / / w w w - c s - s t u d e n t s . s t a n f o r d . e d u / ~ t j w / j s b n / j s b n . j s j s b n s   -   h t t p : / / w w w - c s - s t u d e n t s . s t a n f o r d . e d u / ~ t j w / j s b n / j s b n 2 . j s S t a n f o r d   J a v a S c r i p t   C r y p t o   库   -   h t t p s : / / g i t h u b . c o m / b i t w i s e s h i f t l e f t / s j c l R e q u i r e J S   -   h t t p : / / r e q u i r e j s . o r g / C o m m o n J S   -   h t t p : / / w w w . c o m m o n j s . o r g / v i a :   h t t p s : / / m o b i l e . a w s b l o g . c o m / p o s t / T x 1 A 8 4 C L M D J 7 4 4 T / U s i n g - w e b p a c k - w i t h - t h e - A m a z o n - C o g n i t o - I d e n t i t y - S D K - f o r - J a v a S c r i p t 作 者 ： M a r c   T e i c h t a h l   [ 1 9 ]   译 者 ： u c a s F L   校 对 ： w x y 本 文 由   L C T T [ 2 0 ]   原 创 编 译 ， L i n u x 中 国   荣 誉 推 出 推 荐 文 章 滑 动 查 看 更 多 5 .   { 6 .       t e s t :   / s j c l / i n d e x . j s / , 7 .       l o a d e r :   ' i m p o r t s ? s j c l ' 8 .   } 1 .   / * * *   I M P O R T S   F R O M   i m p o r t s - l o a d e r   * * * / 2 .   v a r   j s b n   =   _ _ w e b p a c k _ r e q u i r e _ _ ( 4 3 1 ) ; 3 .   v a r   B i g I n t e g e r   =   j s b n . B i g I n t e g e r ; 4 .   v a r   s j c l   =   _ _ w e b p a c k _ r e q u i r e _ _ ( 4 3 2 ) ;
输 入 文 章   I D   或 长 按 二 维 码 直 达 [ 1 ] :   h t t p s : / / w e b p a c k . g i t h u b . i o / [ 2 ] :   h t t p s : / / b l o g s . a w s . a m a z o n . c o m / s e c u r i t y / p o s t / T x 1 3 N V D 4 A W G 9 Q K 9 / A m a z o n - C o g n i t o - Y o u r - U s e r - P o o l s - i s - N o w - G e n e r a l l y - A v a i l a b l e [ 3 ] :   h t t p s : / / g i t h u b . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s [ 4 ] :   h t t p : / / m o b i l e . a w s b l o g . c o m / p o s t / T x 2 O 1 4 Z Y 8 A 5 L F H T / A c c e s s i n g - Y o u r - U s e r - P o o l s - u s i n g - t h e - A m a z o n - C o g n i t o - I d e n t i t y - S D K - f o r - J a v a S c r i p t [ 5 ] :   h t t p : / / g r u n t j s . c o m / [ 6 ] :   h t t p : / / g u l p j s . c o m / [ 7 ] :   h t t p : / / b r o w s e r i f y . o r g / [ 8 ] :   h t t p : / / w w w - c s - s t u d e n t s . s t a n f o r d . e d u / % 7 E t j w / j s b n / j s b n . j s [ 9 ] :   h t t p : / / w w w - c s - s t u d e n t s . s t a n f o r d . e d u / % 7 E t j w / j s b n / j s b n 2 . j s [ 1 0 ] :   h t t p s : / / g i t h u b . c o m / b i t w i s e s h i f t l e f t / s j c l [ 1 1 ] :   h t t p s : / / g i t h u b . c o m / u m d j s / u m d [ 1 2 ] :   h t t p : / / r e q u i r e j s . o r g / [ 1 3 ] :   h t t p : / / w w w . c o m m o n j s . o r g / [ 1 4 ] :   h t t p s : / / g i t h u b . c o m / w e b p a c k / e x p o r t s - l o a d e r [ 1 5 ] :   h t t p s : / / g i t h u b . c o m / w e b p a c k / i m p o r t s - l o a d e r [ 1 6 ] :   h t t p s : / / g i t h u b . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s [ 1 7 ] :   m a i l t o : t e i c h t a h @ a m a z o n . c o m [ 1 8 ] :   h t t p s : / / g i t h u b . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s / i s s u e s [ 1 9 ] :   h t t p s : / / m o b i l e . a w s b l o g . c o m / b l o g / a u t h o r / M a r c + T e i c h t a h l [ 2 0 ] :   h t t p s : / / g i t h u b . c o m / L C T T / T r a n s l a t e P r o j e c t 阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理