Tag: JavaScript
反应本机推送通知
使用Amazon Pinpoint，AWS Amplify和AWS Mobile Hub将推送通知添加到React Native iOS项目中。 AWS最近增加了将推送通知发送到AWS Amplify库的功能，从而可以与适用于iOS和Android平台的Amazon Pinpoint推送通知服务集成。 这增加了Amplify支持的现有服务，该服务现在还包括使用Amazon Cognito进行授权，使用Amazon S3进行存储以及使用Amazon Pinpoint进行分析。 在本文中，我们将逐步介绍如何向React Native iOS项目添加推送通知。 我们将不介绍Android，它将在另一篇文章中介绍，因为这两个平台是如此不同，并且具有完全不同的配置和工作流程。 要查看完整的端到端实施，包括配置Apple证书和配置文件，请参阅以下视频。 现在，您会注意到项目中添加了几个新文件和文件夹： ./aws-exports.js – ./awsmobilejs和./awsmobilejs 。 在通过CLI创建Mobile Hub项目之后，应在终端中向您介绍./awsmobilejs的内容： ./aws-exports.js包含与AWS Amplify支持的任何AWS服务进行交互所需的配置。 我们在调用Amplify.configure(config)时使用此文件来配置应用程序，其中config是此配置。 接下来，我们需要在AWS Amplify React Native项目中链接本机依赖关系： 反应本机链接aws放大反应本机 苹果开发人员配置 接下来，我们需要在开发人员控制台中设置iOS推送通知，创建配置文件，并从Keychain Access生成并下载.p12文件。 执行此操作的步骤位于此处。 如果您以前从未做过，那么这是一个复杂的过程，我会在这里指出您之前引用的视频，并从4:42到12:30观看整个过程。 将.p12文件添加到Amazon Pinpoint 现在我们已经配置了Apple证书，我们需要通过Mobile Hub将.p12文件上传到Amazon Pinpoint。 让我们从控制台在Mobile Hub中打开项目： awsmobile控制台 这将在AWS控制台中打开当前的AWS Mobile Hub项目。 向下滚动并单击Messaging＆Analytics ，然后选择Messaging ： 现在，选择Mobile Push […]
如何在Windows上对iOS进行故障排除
您只需要飞行几个小时，现在就可以安全地与客户团队一起进入现场，随时准备帮助他们对使用OutSystems构建的出色应用程序进行故障排除。 然后，您意识到他们希望您在iOS手机上对其进行测试。 您所拥有的就是您心爱的运行Windows的最先进的笔记本电脑。 现在做什么？ 首先，不要惊慌。 这是在Windows上对iOS进行故障排除所需的知识。 你需要什么 就像每位优秀的机械师（这将是您的工作）所知道的那样，修复任何东西的最佳方法始于正确的工具集。 要在Windows上对iOS进行故障排除，您的工具箱必须包含一些内容。 舀 Scoop是您将用于安装其他工具的命令行安装程序。 要安装它，请确保已在计算机和.NET Framework 4.5或更高版本中安装了PowerShell 3或更高版本。 要验证您的PowerShell版本，请在PowerShell控制台上运行以下命令，以获取有关PowerShell版本的信息： $ PSVersionTable.PSVersion 确认您使用的是版本3或更高版本后，请在PowerShell控制台中运行以下命令来安装scoop： iex（新对象net.webclient）.downloadstring（’https://get.scoop.sh’） 在某些情况下，由于某些策略问题，您可能会在安装中遇到错误。 如果是这种情况，请运行以下命令，然后重复安装命令 ： Set-ExecutionPolicy RemoteSigned -scope CurrentUser 独家新闻 Scoop Extras是一个额外的存储桶，可让您安装其余的依赖项。 为此，请在PowerShell控制台上运行： 铲斗额外增加 吉特 安装Git，以便您可以访问WebKit调试器代理和适配器。 在PowerShell控制台中，运行以下命令： 独家安装git 的iTunes 您需要在计算机上使用最新的iTunes 。 如果要安装，请确保您的PC已更新，并且至少在Windows 7上，并且使用Microsoft Store版本的iTunes。 这使您可以建立与iOS设备的连接以进行测试并获取其唯一设备标识符UDID。 Node.js Node.js JavaScript运行时包含npm，这是一个JavaScript软件包管理器，可用于安装WebKit Adapter和libimobile。 按照说明进行安装，然后重新启动计算机。 iOS WebKit调试代理 iOS WebKit调试代理允许通过管理适配器的请求在iOS中进行调试。 要安装它，请在PowerShell中运行以下命令： 独家安装ios-webkit-debug-proxy libimobiledevice库 […]
通知推送到本机通知
取消对本国人的通知的通知取消对苹果公司的担保，向其支付99欧元的苹果税，没有从其他方面获得足够的收入证明决定菌。 Este教程，用于在React Native上进行部分安装和更新 反应本机通知 Anes de Empezar abriremos el archivo xcodeproj notificacionPush / ios / pushNotifications.xcodeproj 推送通知安装说明 Escogemos nuestro usuario de Desarrollador。 Vamos alapestaña的功能和功能，以及通知发布的功能。 苹果新闻发布会和苹果新闻发布会 https://developer.apple.com/account/ios/certificate 完整的证书，包括高级全部提要。 Apple推送通知服务SSL（沙盒和生产）的先行认证 在不遵守要求的情况下，应在通知推送中使用。 Clicamos en a preparate y nosapareceránlos pasos a seguir para crear el archivo CSR，para ello abriremos el Acceso de Llaveros en nuestro mac e iremos a […]
OpenCalc — React Native —深入研究（第2部分）
这是OpenCalc的2部分系列的第2部分，OpenCalc是使用react-native，javascript和flow构建的开源移动计算器。 第一部分处理设计和UI组件，而上一篇文章则介绍了如何在应用市场中编写该应用程序。 第二部分将处理计算和验证。 OpenCalc在iOS和Android上可用。 主控制器具有一个称为Brain的属性，它是CalculatorBrain的一个实例。 控制器调用以下大脑功能： brain.clear（）//清除大脑队列 brain.setItem（button）//将一个项目添加到队列 brain.deleteLast（）//删除队列中的最后一项 brain.getDisplay（）//返回队列的文本显示 brain.getResult（）//返回评估队列的结果 大脑的主要目的是处理一系列操作。 操作在操作文件中定义。 运作方式 Operations.js提供了许多与定义，存储和使用Operations相关的功能。 Operations文件的主要目的之一是定义Operation类。 操作课 Operation构造函数如下： 构造函数 stringVal：字符串， operationType：数字， operationSubType：数字， val：任何， 优先级：？数字， operationArgs：？Set ） stringVal只是显示中的字符串表示形式。 operationType和operationSubType仅包含一个值，以帮助验证器确定操作是否合法以及如何处理每个操作。 类型和子类型只是枚举值。 val用于存储与运算符相关的功能。 优先级是操作（例如PEMDAS）的优先级。 例如，+和*的优先级分别为2和4。 因此，当计算器计算1 + 2 * 3时，它会优先执行*，因为它具有较高的优先级。 最后，operationArgs只是一组存储特殊情况的枚举。 例如，pi是一个数字，但应将其打印为字符串而不是数字表示形式。 将所有可用估值存储在计算器中 操作是计算器可用的各种操作的字典。 在此屏幕上添加新操作或更改操作方式很容易。 操作示例： ‘+’：操作（ stringVal =’+’， operationType = OperationType.Operation， operationSubType = OperationSubType.BinaryOp， val = function（x，y）{return […]
如何添加启动画面以响应本机（IOS）
在本文中，我将告诉您如何向“本机”（IOS）添加启动画面。 我要告诉你非常简单的步骤。 这是我们可以为每个移动应用程序创建的非常初始的东西。 因此，对于每个开发人员来说，知道如何以正确的方式添加它都是非常重要的。 您可以在此处查看整个源代码： rockinghajay / splash-screen-react-native 闪屏React Native（IOS和Android）。 通过……为rockinghajay / splash-screen-react-native开发做出贡献 github.com 我正在使用简单的react native项目向其添加初始屏幕。 因此，让我们开始初始化系统中的react native项目。 react-native初始SplashScreenReactNative cd SplashScreenReactNative 将这两行运行到终端后，您将在系统上响应本机项目。 如果您注意到React本机应用程序具有白色背景初始屏幕。 在该屏幕上，我们将添加自定义启动屏幕。 如何注意到第一个白色启动画面，我们需要在我们的应用程序中首先设置深色背景。 用下面的代码替换您的App.js组件 首先在Xcode中打开您的应用。 cd ios / SplashScreenReactNative.xcodeproj 在Xcode上打开项目后，您将转到Images.xcassets文件夹，您可以在下面的屏幕截图中看到该文件夹。 然后，您需要单击Xcode底部显示的+图标，然后单击“ 新建图像集”。 然后继续将Image重命名为一个图标 ，然后根据需要将其拖动到框中以添加图像集。 然后，您必须打开Info.plist下面的LaunchScreen.xib ，您将看到。 这是ios的默认初始屏幕，选择两个文本元素“ SplashExample”和“ Powered by React Native”并将其删除。 继续并将背景色设置为“深灰色”。 在下一步中，我们必须将图像视图添加到初始屏幕视图中。 您可以通过按图标并搜索图像来找到该图像，然后单击图像元素，如上图所示。 并将UIImageView拖动到视图的中心 现在我们要从Images.xcassets设置图像源。 选择图像下拉菜单时，应该显示Images.xcassets中的所有图像，然后选择您最近添加的图标。 现在，您需要将图像设置为与垂直和水平中心对齐，然后将“内容模式”更改为Aspect Fit 在下一步中，我们需要确保我们的图标在所有设备上都保持居中，无论使用哪种屏幕尺寸的设备，因此现在您都可以按照上面的gif进行相同的操作。 您可以在“自动调整大小”部分中看到要禁用外部红线并通过单击启用内部红箭头的功能。 这将使图像相对于屏幕尺寸保持居中。 […]
使用React Native和TypeScript启动并运行
快速，现代的React Native和TypeScript入门指南 在本文中，我将介绍如何快速将TypeScript添加到React Native项目中。 如今，许多项目都在使用TypeScript。 它提供了JavaScript静态类型，并有助于简化各种组件之间的关系。 在我们的项目中，每当在文本编辑器中保存文件时，我们都会自动将TypeScript编译为可运行的JavaScript。 要查看最终样板，请单击此处。 该项目假设您已经安装了React Native CLI并在您的机器上工作 我们要做的第一件事是创建一个新的React Native项目： 反应本征型脚本 创建项目后，将cd进入目录 cd rntype脚本 接下来需要做的是确保我们在计算机上全局安装了TypeScript： npm i -g打字稿 现在，我们需要继续安装React和React Native所需的类型。 这些类型为我们提供了React和React Native的声明文件。 纱线添加@ types / react-native @ types / react 现在我们已经建立了依赖关系，我们需要创建一个tsconfig.json文件。 该文件将让我们决定诸如根文件，编译器选项和已编译JavaScript的输出目录之类的内容，这些最终将在我们的应用程序中使用。 在目录的根目录中，使用以下选项创建一个tsconfig.json ： { “ compilerOptions”：{// 1 “ target”：“ es2015”， “ module”：“ es2015”， “ jsx”：“反应”， “ outDir”：“ build”， “ rootDir”：“ src”， […]
使用SNS，Lambda和Node.js创建推送通知作业
页面出现时，单击“创建平台应用程序”： 接下来，您需要为您的应用程序创建一个名称，为您的Push通知平台选择Apple生产或Apple开发，然后从您已经创建的证书中上传信息（请参阅先决条件）。 在查找器中选择您的证书，如果使用一个证书将其导出，请输入密码，然后单击“从文件加载凭据”。 您的证书和私钥应该自动填充。 单击创建平台应用程序。 创建应用程序后，记下应用程序ARN（Amazon资源名称）。 我们将在步骤3中使用它。 2.创建SNS主题： 导航到左侧导航菜单中的主题，单击创建新主题。 填写主题名称和显示名称。 就我而言，我只想创建一个推送通知，该通知将发送给整个用户群，因此我创建了一个名为all_app_users的主题。 创建主题后，请记下ARN。 我们将在步骤3中使用它。 3.配置程序访问 在我们的node.js代码中，我们将需要配置一个具有适当权限的用户aws-sdk，以创建SNS终结点并订阅我们的all_app_users主题。 返回AWS控制台，导航至IAM，然后单击Users。 创建一个新用户，选择一个名称，然后选中“访问类型”的“编程访问”，然后单击“下一步”：权限： 在权限屏幕上，单击附加现有策略，然后单击创建策略： 在弹出的IAM屏幕上，选择“策略生成器”。 然后在Edit Permissions中，选择适用于AWS Service的Amazon SNS，在Actions字段下检查CreatePlatformEndpoint，然后从步骤1插入应用程序ARN： 单击“添加语句”，然后重复上述步骤以创建允许该用户创建all_app_users主题的订阅的all_app_users 。 再次为AWS服务选择Amazon SNS，为“操作”选择“订阅”，然后从步骤2插入SNS主题ARN。单击下一步，将策略名称更改为sns-programmatic-access，然后单击创建策略。 返回创建用户的窗口，搜索sns-programmatic-access（您可能需要单击刷新按钮），然后单击其旁边的复选框以将其选中。 单击“下一步：查看”，然后单击按钮以完成创建用户。 在下一个屏幕上，将显示您的访问密钥ID和秘密访问密钥。 现在记下这些凭据，因为您将无法再次访问密钥*。 我们会将这些凭证插入到我们的node.js代码中，以配置我们的AWS客户端。 *如果您最终丢失了密钥，则可以通过IAM管理控制台创建新密钥。 4.向平台注册用户： 这部分取决于您当前如何处理设备令牌的注册。 在本例中，我们当前正在将设备令牌发送到服务器，以将它们存储在数据库中。 为了实现SNS，我们将需要在包含该设备令牌的SNS应用程序上创建一个平台终结点，然后将该设备预订到我们的all_app_users主题。 为此，我们将需要aws-sdk npm模块： npm install -save aws-sdk 在我们的代码中，让我们使用在上一步中创建的凭证来配置我们的AWS客户端： 在“配置触发器”屏幕上，单击“下一步”。 我们将在确认该功能正常工作后再设置触发器。 在“配置功能”屏幕上，我们需要在all_app_users主题上设置具有SNS：Publish权限的角色。 向下滚动到Lambda函数处理程序和角色部分。 在角色下，选择创建自定义角色： 在打开的IAM窗口中，将“角色名称”更改为所需的名称（我使用notificationsRole）。 然后单击允许。 现在，您的Lambda角色应设置为刚创建的角色。 最后，单击下一步，然后完成创建函数。 现在，我们只需要使用策略生成器添加SNS：Publish权限。 导航到IAM管理控制台，在左侧导航菜单中单击“角色”，然后选择我们刚刚创建的角色（如果使用该名称，则为“ […]
经验丰富的程序员参加编码训练营的5个原因
DevMountain培训了很多业余或新手编码人员，这些人员以前很少或没有经验，但是我们也有一些学生已经知道如何编写编码。如果您是一位经验丰富的程序员，那么您可能对回校没有太多的考虑。 我们将解释为什么我们的资深学生会在这里，以及如何学习现代技术技能比您想象的要容易。 1.编码训练营更新您的技能 技术世界飞速发展，如果您不时重新访问自己的技能，那么您可能会落在后面。 DevMountain编码新手训练营使您可以从了解您现在需要了解的现实世界的专业人员那里学习最新的语言和软件。 在我们的网站上查看我们的课程选项，发现从编码新手训练营中学到的新技能！ 2.加快了编码训练营的速度/快节奏 作为编码员，程序员或企业家，您不能花时间学习新技能。 DevMountain的新手训练营可让您快速获得所需的培训和信息，并提供全职或兼职学习的选项。 它比回到学校更快，比自学更快。 在DevMountain，我们知道您的时间很宝贵，并且您的日程安排可能很忙，因此无论您的情况如何，我们都会尽一切努力使我们的课程尽可能地易于访问。 3.编码训练营可帮助您建立连接 如果您已经有一段时间了，那么您可能已经知道拥有正确连接的重要性。 我们的新手训练营计划为您提供了与编码专家以及新锐编码员并肩工作的机会。 您还将有机会参加我们的许多活动和会议。 4.给您的简历认真的改头换面 恢复看起来有些乏味吗？ 在这里，在DevMountain，我们作为该国评分最高的编码学校之一而享有盛誉，这使其成为任何工作申请中令人印象深刻的补充。 同样，与我们的专家团队紧密合作将确保您离开训练营并获得出色的参考。 5.重新发现您对编码的热情 DevMountain是在您选择的职业道路上寻找新灵感的理想场所。 我们营造一种创造力和发现力的环境，您将被志趣相投的志同道合的人所包围。 这样的专用空间帮助许多学生点燃了对职业的热情。 不过，请不要相信我们的话-在我们的推荐页面上听听我们的学生对我们课程的喜爱。 你还在等什么？ 我们拥有您升级简历并将职业提升到新水平所需的一切。 您将能够获得在当今市场上所需的技能，快速获取它们，并在使用过程中建立新的联系。 这是您宝贵的机会，可以充分利用您的时间和教育。 索取课程提纲，以了解您将在DevMountain学习的内容。 您甚至可以与我们的团队见面，并查看他们的证书。 我们迫不及待想要帮助您取得更多成就并继续发展您的事业。
本机反应：开发人员日记
关于如何 创建 此实验项目的 虚构说明 。 3月15日。 从总部收到备忘录。 他们想在React Native中看到一些东西。 Swift和Java是合格的。 他们正在出路。 我们需要新的热点。 反应本机。 您编写了一些JavaScript和繁荣。 您将获得一个iOS和一个Android应用程序。 您可以立即重新加载代码。 您会得到一个由强大的枪支支持的狂热的开源社区。 脸书 爱彼迎。 乌克兰有人。 大枪。 因此，拉起一些教程，复制并粘贴一些示例代码，然后开始构建一些东西。 随便啦 我是一位本机应用程序开发人员，在Objective-C，Swift，Java甚至Android NDK的多平台C ++代码方面都有丰富的经验。 当HTML5尽其所能地进入应用程序游戏时，我大笑并嘲笑了它徒劳的尝试。 但是React Native引起了一些严重的轰动-我的意思是，乌克兰的一个家伙-而且大佬们想要一些东西。 随便啦 哦，我给你点东西。 3月16日。 我什么都没有 3月17日。 设法使React Native的Hello World应用程序等效于在iOS模拟器和Android模拟器上加载。 但是，这几乎不像按Xcode中的“播放”按钮那样简单。 必须在项目目录的根目录中打开命令行，并为iOS输入一条运行指令，为Android输入一条单独的指令（要求已打开仿真器）。 说到IDE，我决定使用Atom，而Nuclide在其之上。 让我想起了Eclipse时代的Android插件。 那些日子我不想被提醒。 但是，直到发布某种React Native Studio为止，它都必须做。 还安装了Yarn软件包管理器来替换npm，仅因为我认为“ yarn add”和“ yarn remove”是安装第三方React Native组件时要记住的简单易懂的命令。 事实证明，纱线初始化和安装也明显比npm更快。 这绝对至关重要，因为星期五。 npm命令 npm […]
回到学校
沃尔沃aprender aprender Decidícomenzar明显的应用程序。 y como cualquier newbie mesumergíen Google haciendo lasbúsquedasmásobvias 您可以在任何情况下，从任何地方获得房地产担保，并以书面形式获得任何信息。 苹果公司的iTunes开发人员：iTunes开发人员，苹果公司的发展史，斯坦福大学的历史博物馆，苹果公司的发展史，以及iTunes的发展史。 4个诅咒。 Caber Aclarar que esto paramíes a prueba y error，perodespuésde ver algunas clases su Sufácilexplicaciónthinkóque es un buen punto para empezar。 曼彻斯特动机的埃尔斯坦索英格里斯学院。 Ya con esta base para aprender desde cero，me di cuenta queteníaque Organizar misdíassiqueríasacar elmáximoprovcho。 组织化 从视频到视频剪辑，从las tareas y siendo到104个视频片段，由estamos dicien制作，并由al […]
