“快点尝试NEM应用,否则注定失败!~首次部署NEM应用的探索篇~”

制作出来的物品

创建一个简单的应用程序,通过NEM的命名空间名称来搜索马赛克,并展示使用免费的托管服务部署的步骤。

    • 言語:TypeScript (JavaScript)

 

    • フレームワーク:Angluar

 

    ライブラリー: NEM Library

NEM是什么。

image.png

NEM是一种区块链平台。它具有发行原始代币的功能。这些功能包括命名空间和马赛克。NEM的货币以XEM(ゼム)的形式流通,其与NEM具有关联,其中NEM是命名空间,而XEM是马赛克。

角度和TypeScript

Angular是一种用JavaScript编写的应用程序框架,可以在互联网浏览器中运行。因此,当然可以使用JavaScript进行开发。
– Angular和NEM Library都是使用TypeScript创建的。
– 几乎所有的文档都基于使用TypeScript。
因此,一般来说,使用扩展了JavaScript的语言TypeScript是常见的选择。

NEM 图书馆

根据官方网站,NEM Library 是一个使用响应式方法创建区块链应用程序的 NEM 区块链的抽象层。最近,稳定版本 1.0.0 已经发布。

在NEM Library页面底部显示的标志中,有一个被圈起来的标志出现了!!

68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3139313138312f31366539656239352d633166622d346334322d623732632d6235316333346632366562312e706e67.png

安装

在使用Angular开发应用程序时,使用一个叫做Angular CLI的工具可以自动生成应用程序的模板,非常方便。现在就来安装Angular CLI,准备好开始进行NEM应用程序开发吧!

安装Node.js

请根据官方网站的指示安装Node.js(https://nodejs.org/ja/),它是开发Angular应用所需的JavaScript执行环境。

Angular CLI 的中文释义是:Angular 命令行界面。

接下来,我们将介绍如何安装Angular CLI。打开终端,并通过npm命令在全局范围内安装Angular CLI。

npm install -g @angular/cli

我将创建一个应用程序的模板。名字可以随便取,但在这里我们用nem-app。

ng new nem-app

等等,应该会生成下面这样的文件夹。

スクリーンショット 2018-03-20 8.15.16.png

添加NEM图书馆

我們將 NEM Library 添加到 node_modules 中。請移動到剛剛生成的應用程式根目錄下,並安裝 NEM Library。

cd nem-app
npm install nem-library rxjs --save

node_modules文件夹中应该有一个新的nem-library。NEM Library是用JavaScript的扩展语言TypeScript编写的,您需要安装最新版本的TypeScript。请使用-g选项在全局范围内安装TypeScript。

npm install -g typescript

到目前为止,我们先试一试执行一次。

 ng serve --open
image.png

继续进入开发篇~~~~~~~~~

参考: 根据本地习惯来解释以下内容,只需要提供一种选项:

山田祥寛著《Angular应用程序编程》
https://dev.classmethod.jp/ria/angular-js/angular-cli-list/

bannerAds