Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Lam quen voi ASP NET Core va Angular 4 thong qua WEB API, Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Có thể bạn mật khẩu đã biết Web API là công nghệ mới nhất tài khoản của Microsoft quản lý để xây dựng ở đâu nhanh các dịch vụ thành phần phân tán phải làm sao . Trong bài viết này Chúng tôi ở đâu tốt sẽ giới thiệu cho bạn làm quen nạp tiền với ASP.NET Core download và Angular 4 thông qua WEB API.

ASP.NET Core là mã nguồn mở mới tự động và framework đa nền tảng (cross-platform) cho việc xây dựng sửa lỗi những ứng dụng dựa trên kết nối đám mây quản lý , giống như web app cho mobile cài đặt , … cài đặt . Cùng làm quen tự động với ASP.NET Core khóa chặn và Angular 4 thông qua WEB API.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Hãy đảm bảo rằng bạn tất toán đã cài đặt danh sách những phần mềm ở đâu nhanh dưới đây trên máy tính tài khoản của mình download để ở đâu uy tín có thể làm quen xóa tài khoản với ASP.NET Core một cách tốt nhất.

1 giả mạo . Đầu tiên kiểm tra , tải ở đâu uy tín và cài đặt Visual Studio 2017 trên máy tính tự động của bạn tại đây : Download Visual Studio 2017

2 tài khoản . Tải ở đâu uy tín và cài đặt .NET Core 1.0.1 tại đây : Download .NET Core 1.0.1

3 nạp tiền . Tải mới nhất và cài đặt Node.js v4.0 bản quyền hoặc download các phiên bản cao hơn tại đây : Download Node.js

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Lựa chọn khối lượng công việc tùy thuộc vào nhu cầu nhanh nhất của bạn vô hiệu hóa và cài đặt Visual Studio 2017 trên máy tính nạp tiền . nguyên nhân Nếu vô hiệu hóa đã cài đặt Visual Studio 2017 kích hoạt , bạn sử dụng có thể bỏ qua phần này.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Sau khi cài đặt xong tự động , bạn chia sẻ có thể mở Visual Studio 2017 vô hiệu hóa để tạo ứng dụng ASP.NET Core nhanh nhất và Angular v4.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Bước hay nhất tiếp theo nguyên nhân để làm quen mẹo vặt với ASP.NET Core mật khẩu và Angular 4 thông qua WEB API là bạn cần phải tạo lấy liền những project đầu tiên kiểm tra với ASP.NET Core

Bước 1: Tạo project ASP.NET Core

Sau khi cài đặt xong nạp tiền các điều kiện tiên quyết ở trên trên điện thoại , trên màn hình desktop bạn click chọn Start =>Programs =>Visual Studio 2017 =>Visual Studio 2017.

Click chọn New =>Project quảng cáo . Select Web =>ASP.NET Core Web Application cài đặt . Nhập tên project bản quyền của bạn rồi click chọn OK.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chọn Project Empty rồi click chọn OK kích hoạt . bản quyền Nếu cài đặt ASP.NET Core 2.0 cài đặt , bạn tổng hợp có thể chọn ASP.NET Core 2.0.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Sau khi tạo xong ứng dụng ASP.NET Core Angular 2 full crack , chờ khoảng vài giây kỹ thuật và bạn thanh toán sẽ nhìn thấy project trống ứng dụng được tạo thành công.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Bước 2: Kích hoạt MVC hỗ trợ và StaticFiles

Ở bước trên bạn vừa tạo project trống full crack , bước ứng dụng tiếp theo cần làm kinh nghiệm bây giờ là kích hoạt project làm việc tổng hợp với WEB API sửa lỗi và chạy download các file HTML quản lý . Để hiển thị kết quả Angular quản lý , bạn cần kích hoạt nguyên nhân các file tĩnh.

Để làm trên điện thoại được điều này kiểm tra , kích chuột phải vào project mới nhất , chọn Edit (tên project tính năng của bạn).csproj.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Lúc này bạn cập nhật có thể nhìn thấy file .csproj công cụ được mở mới nhất để chỉnh sửa.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Tiếp theo thêm 2 đoạn code ứng dụng dưới đây vào hướng dẫn để kích hoạt MVC nạp tiền và StaticFile Packages tương ứng trong project trên điện thoại của bạn.

1 chi tiết .  2 cập nhật .  

Lúc này đoạn code có dạng như tối ưu dưới đây:

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Lưu file .csproj lại hay nhất . Sau khi hoàn tất thanh toán , công cụ các yếu tố phụ thuộc lấy liền sẽ giá rẻ được cài đặt trong project mẹo vặt của bạn nguyên nhân để làm việc tự động với Web API.

Bước 3: Chỉnh sửa file Startup.cs

Đầu tiên mở file Startup.cs.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Tiếp theo trong file Startup.cs lấy liền , bạn thêm MVC Service quản lý . tốc độ Ngoài ra thiết lập giá trị như mặc định kinh nghiệm và mở trang HTML như bản quyền dưới đây:

public void ConfigureServices(IServiceCollection services)

{

services.AddMvc();

}

// This method gets called by the runtime xóa tài khoản . Use this method to configure the HTTP request pipeline.

public void Configure(IApplicationBuilder app đăng ký vay , IHostingEnvironment env vô hiệu hóa , ILoggerFactory loggerFactory)

{

app.Use(async (context giá rẻ , next) => {

await next();

if (context.Response.StatusCode == 404 &&

!Path.HasExtension(context.Request.Path.Value) &&

!context.Request.Path.Value.StartsWith("https://thuthuat.taimienphi.vn/api/"))

{

context.Request.Path = "./src/index.html";

await next();

}

});

app.UseMvcWithDefaultRoute();

app.UseDefaultFiles();

app.UseStaticFiles();

}

Bước 4: Tạo Web API

Để tạo WEB API Controller giảm giá , bạn kích chuột phải vào thư mục project kiểm tra , trên điện thoại sau đó click chọn Add =>New Item.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chọn ASP.NET Core =>Web API Controller class rồi click chọn Add.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Như bạn link down đã biết Web API là một cách đơn giản sửa lỗi để xây dựng HTTP Services cho trình duyệt tải về và điện thoại di động.

Web API sinh ra 4 phương thức đăng ký vay dưới đây: Get download , Post khóa chặn , Put khóa chặn , ở đâu nhanh và Delete.

- Get là yêu cầu dữ liệu hỗ trợ . (lựa chọn)

- Post là tạo ra một dữ liệu download . (chèn)

- Put là cập nhật dữ liệu.

- Delete là xóa dữ liệu.

Trong ví dụ tốc độ dưới đây sử dụng phương thức Get vì vậy bạn ở đâu tốt có thể xóa tăng tốc tất cả danh sách các phương thức khác lấy liền bao gồm PUT cài đặt , POST qua app , qua web và Delete trong Controller class nhanh nhất và trong phương thức Get download , trả về chuỗi giá trị như giá rẻ dưới đây.

Web API Controller class công cụ đã nguyên nhân được chỉnh sửa có dạng như qua web dưới đây:

[Route("api/[controller]")]

public class ValuesController : Controller

{

// GET: api/values

[HttpGet]

public IEnumerable Get()

{

return new string[] { "Afraz" phải làm sao , "Afreen" hỗ trợ , "ASHA" qua app , "KATHER" tốc độ , "Shanu" };

}

}

}

Để kiểm tra phương thức Get nguyên nhân , bạn nơi nào có thể chạy project dịch vụ của mình sử dụng và copy đường dẫn API công cụ . Tại đây kinh nghiệm , bạn chi tiết có thể nhìn thấy đường dẫn API cho phương thức Get là “api/ values”.

Chạy chương trình qua app và dán đường dẫn API ở trên qua app để kiểm tra đầu ra.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Bước 5: Làm việc hỗ trợ với Angular

Bước đăng ký vay tiếp theo là làm việc danh sách với Angular chia sẻ . Đầu tiên bạn phải cài đặt Angular CLI cho project.

Angular CLI

Angular CLI là giao diện dòng lệnh ứng dụng để xây dựng danh sách các ứng dụng Angular sử dụng module node.js style (commonJS).

Để cài đặt Angular CLI cho project ở đâu uy tín của bạn vô hiệu hóa , mở Visual Studio Command Prompt chi tiết và di chuyển đến đường dẫn thư mục project.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Bước bản quyền tiếp theo dịch vụ bây giờ là di chuyển đến đường dẫn thư mục project ứng dụng . khóa chặn Nếu không biết chắc chắn đường dẫn project chia sẻ , bạn click chọn Project chia sẻ và xem download các thuộc tính tăng tốc để kiểm tra đường dẫn project.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Sao chép đường dẫn thư mục project ứng dụng . Trong ví dụ này bạn nơi nào có thể thấy project nằm trong ổ G: khóa chặn . Đầu tiên thay đổi ổ G: hay nhất , tính năng sau đó thay đổi thư mục project.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Tiếp theo cài đặt Angular CLI cho project tính năng của bạn nguyên nhân . Để cài đặt Angular CLI ứng dụng , bạn chạy lệnh bên xóa tài khoản dưới đây:

npm install @angular/cli -global

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chờ khoảng một vài giây ứng dụng để Angular CLI cài đặt trong project tốt nhất của bạn.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Lúc này bạn chạy lệnh bên tải về dưới đây hay nhất và chờ vài giây tải về . Tất cả chia sẻ các file Angular nơi nào sẽ ứng dụng được thêm vào project:

ng new ASPNETCOREDEMO --skip-install

Lưu ý trong lệnh trên thay thế ASPNETCOREDEMO bằng tên project nơi nào của bạn.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chờ vài giây cho đến khi hiển thị thông báo thành công như công cụ dưới đây.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Trong project vô hiệu hóa , một thư mục mới thanh toán sẽ dữ liệu được tạo chi tiết và có cùng tên miễn phí với project.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Mở thư mục đó lên xóa tài khoản và bạn lừa đảo có thể nhìn thấy địa chỉ tất cả nạp tiền các file Angular dữ liệu đã miễn phí được tạo nằm bên trong thư mục.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Di chuyển kiểm tra tất cả tài khoản các file vào project chính.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Sau khi di chuyển tốc độ tất cả chia sẻ các file vào project chính cài đặt , tiến hành xóa thư mục trống đi.

Bước 6: Làm việc an toàn với thanh toán các file Angular

Làm việc tốt nhất với Angular Module

Vì phải cần hiển thị kết quả Web API trong ứng dụng Angular nên bạn cập nhật sẽ phải nhập HTTPmodul trong file app.module.

Mở file app.module.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Thay đổi bằng đoạn code vô hiệu hóa dưới đây:

import { BrowserModule } from "@angular/platform-browser";

import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";

import { FormsModule } from "@angular/forms";

import { HttpModule } from "@angular/http";

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule,

FormsModule,

HttpModule

],

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }

Làm việc tự động với Angular Component

Bước địa chỉ tiếp theo download bây giờ là làm việc giá rẻ với Angular Component tài khoản để liên kết quảng cáo với Web API xóa tài khoản và nhận kết quả JSON qua app để liên kết ở đâu tốt với fil HTML.

Mở file Angular Component như thế nào và thêm đoạn code qua app dưới đây vào:

import { Component thanh toán , OnInit } from "@angular/core";

import { Http } from "@angular/http";

@Component({

selector: "app-root",

templateUrl: "./app.component.html",

styleUrls: ["./app.component.css"]

})

export class AppComponent implements OnInit {

constructor(private _httpService: Http) { }

title: string = "SHANU";

apiValues: string[] = [];

ngOnInit() {

this._httpService.get("https://thuthuat.taimienphi.vn/api/values").subscribe(values => {

this.apiValues = values.json() as string[];

});

}

}

Làm việc tải về với file HTML

Đây là bước cuối cùng phải làm sao của phần code chia sẻ . Thiết kế HTML tổng hợp và liên kết kết quả từ Angular đến file app.component.html.

Chỉnh sửa file HMTL xóa tài khoản và thay đổi bằng đoạn code trực tuyến dưới đây:

 

<>1>#285783">Welcome to {{title}} Angular and ASP.NET Core  Demo  
               > span style="font-size:14px;">                /span>     <>&ble cellpadding="2" cellspacing="2" ngif="apiValues" sty&le="background-color:#FFFFFF; border:2px #6D7B8D; padding:5px;width:99%;table-layout:fixed;">Names         {{value}}         

Bước 7: Xây dựng giả mạo và chạy ứng dụng

Trước tiên bạn cần phải cài đặt quản lý tất cả ở đâu nhanh các yếu tố phụ thuộc Angular cho ứng dụng quản lý . Để cài đặt thanh toán , bạn chạy lệnh bên chia sẻ dưới đây trong command prompt:

npm install

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chờ cho đến khi qua web quá trình cài đặt NPM hoàn tất.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Xây dựng ứng dụng

Chạy lệnh tải về dưới đây khóa chặn để xây dựng ứng dụng:

ng build

Chờ khoảng vài giây cho đến khi nhanh nhất quá trình xây dựng ứng dụng hoàn tất.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Chạy ứng dụng

Nhập lệnh phải làm sao dưới đây rồi nhấn Enter tải về để chạy ứng dụng:

dotnet run

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

Bạn tốt nhất có thể nhìn thấy địa chỉ localhost trên điện thoại để chạy ứng dụng tài khoản . Nhập địa chỉ đó vào trình duyệt quản lý . Ứng dụng Angular đang chạy tài khoản và hiển thị kết quả kiểm tra mong muốn.

Làm quen với ASP.NET Core và Angular 4 thông qua WEB API

https://thuthuat.taimienphi.vn/lam-quen-voi-asp-net-core-va-angular-4-thong-qua-web-api-27601n.aspx
tính năng Trên đây Chúng tôi vừa giới thiệu cho bạn làm quen bản quyền với ASP.NET Core an toàn và Angular 4 thông qua WEB API tính năng . Hy vọng bài viết này ở đâu tốt sẽ hữu ích lấy liền với bạn như thế nào . tải về Nếu có thắc mắc gì cần giải đáp bạn kiểm tra có thể đăng ký vay để lại ý kiến ứng dụng của mình trong phần bình luận bên dưới bài viết mới nhất nhé.

4.9/5 (75 votes)

Ý kiến khách hàngPreNext
Có thể bạn quan tâm?

Bạn muốn vay tiền? - Click xem Vay tiền Online