Securing your application is bloody important. With so much jargon to sift through, it’s easy to get lost, for example there’s SSO, OAuth2, SAML 2.0, OpenID Connect, Federated Identity, 2FA, & MFA. Just to name a few! 😱 In this talk, Anthony will take an in depth look at Federated Identity using OpenID Connect and OAuth2 Framework for ASP. NET Core using Duende IdentityServer (aka IdentityServer 5). You will walk away knowing how to navigate the security options and avoid the madness.
یک نکته‌ی تکمیلی: روش اجرای پیش‌فرض کارهای پس زمینه، ترتیبی است.
به صورت پیش‌فرض، اجرا و خاتمه‌ی تمام سرویس‌های انجام کارهای پس‌زمینه، ترتیبی و هر کدام از آن‌ها، یکی پس از دیگری شروع به کار می‌کنند. اگر علاقمند باشید تا این کارها به صورت موازی اجرا شوند، از دات‌نت 8 به بعد می‌توان تنظیم زیر را جهت مشخص کردن نحوه‌ی مدیریت اجرای کارهای پیش‌زمینه، به برنامه اضافه کرد:
builder.Services.Configure<HostOptions>(options =>
{
options.ServicesStartConcurrently = true;
options.ServicesStopConcurrently = true;
});مزیت اینکار، شروع و همچنین پایان سریعتر برنامه، با داشتن تعداد زیادی کار پس‌زمینه است.
dotnet new console
dotnet add package Inferno
log : Installing Inferno 1.4.0. warn : Package 'Inferno 1.4.0' was restored using '.NETFramework,Version=v4.6.1' instead of the project target framework '.NETCoreApp,Version=v2.0'. This package may not be fully compatible with your project. info : Package 'Inferno' is compatible with all the specified frameworks in project 'D:\UseNET452InNetCore2\UseNET452InNetCore2.csproj'. info : PackageReference for package 'Inferno' version '1.4.0' added to file 'D:\UseNET452InNetCore2\UseNET452InNetCore2.csproj'.
using System;
using SecurityDriven.Inferno;
namespace UseNET452InNetCore2
{
class Program
{
static CryptoRandom random = new CryptoRandom();
static void Main(string[] args)
{
Console.WriteLine($"rnd: {random.NextLong()}");
}
}
} >dotnet run warning NU1701: This package may not be fully compatible with your project. rnd: 8167886599578111106
> ng generate <blueprint> <options>
> ng generate component customer
> ng g c customer
|
گزینه | Alias (میانبر/نام مستعار) | توضیح |
| flat-- | آیا باید برای آن پوشه‌ای ایجاد نشود؟ (flat = بدون پوشه در اینجا) (پیش فرض آن ایجاد یک پوشه‌ی جدید است). اگر می‌خواهیم ایجاد نشود، باید flat true-- را ذکر کرد. | |
| inline-template-- | it- | آیا قالب کامپوننت، درون فایل ts. آن قرار گیرد؟ (پیش فرض آن، false است) |
| inline-style-- | is- | آیا شیوه نامه‌ی کامپوننت، داخل فایل ts. آن قرار گیرد؟ (پیش فرض آن، false است) |
| spec-- | آیا فایل spec نیز تولید شود؟ (پیش فرض آن true است) اگر می‌خواهیم این فایل ایجاد نشود باید spec false-- را ذکر کرد. | |
| view-encapsulation-- | ve- | تعیین نوع استراتژی view encapsulation مورد استفاده (مانند Emulated). |
| change-detection-- | cd- | تعیین استراتژی change detection مورد استفاده (مانند OnPush). |
| dry-run-- | d- | گزارش فایل‌های تولیدی، بدون نوشتن و تولید آن‌ها (پیش فرض آن false است) |
| prefix-- | تعیین صریح prefix مورد استفاده‌ی در حین مقدار دهی selectorها که در قسمت قبل در مورد آن بحث شد. |
>ng generate component customer --inline-template --inline-style
>ng g c customer –it -is
>ng g c customer installing component create src\app\customer\customer.component.css create src\app\customer\customer.component.html create src\app\customer\customer.component.spec.ts create src\app\customer\customer.component.ts update src\app\app.module.ts
import { CustomerComponent } from './customer/customer.component';
@NgModule({
declarations: [
AppComponent,
CustomerComponent
]}) 
| نام جزء | Alias | دستور |
| service | s | ng g service customer-data |
| pipe | p | ng g pipe init-caps |
| class | cl | ng g class customer-model |
| directive | d | ng g directive search |
| interface | i | ng g interface orders |
| enum | e | ng g enum gender |
| module | m | ng generate module sales |
> ng g s sales -m app.module
> ng g cl models/customer
"defaults": {
"styleExt": "css",
"component": {}
} > ng set defaults.component.flat false > ng set defaults.directive.flat false > ng set defaults.styleExt sass
"defaults": {
"styleExt": "sass",
"component": {
"flat": false
},
"directive": {
"flat": false
}
} 
public interface ITaskService
{
void Run();
}
public class MyTaskService : ITaskService
{
public void Run()
{
throw new InvalidOperationException("An exception from the MyTaskService!");
}
} using System;
using Microsoft.Extensions.Logging;
namespace CoreIocServices
{
public class MyTaskServiceDecorator : ITaskService
{
private readonly ILogger<MyTaskServiceDecorator> _logger;
private readonly ITaskService _decorated;
public MyTaskServiceDecorator(
ILogger<MyTaskServiceDecorator> logger,
ITaskService decorated)
{
_logger = logger;
_decorated = decorated;
}
public void Run()
{
try
{
_decorated.Run();
}
catch (Exception ex)
{
_logger.LogCritical(ex, "An unhandled exception has been occurred.");
}
}
}
} namespace CoreIocSample02
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddTransient<MyTaskService>();
services.AddTransient<ITaskService>(serviceProvider =>
new MyTaskServiceDecorator(
serviceProvider.GetService<ILogger<MyTaskServiceDecorator>>(),
serviceProvider.GetService<MyTaskService>())
); namespace CoreIocSample02
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddTransient<ITaskService, MyTaskService>();
services.Decorate<ITaskService, MyTaskServiceDecorator>(); TypeScript exercises
The goal: Let everyone play with many different TypeScript features and get an overview of TypeScript capabilities and principles.
JavaScript and TypeScript support enhancements include a reworked Rename refactoring (which can now rename files corresponding to TypeScript types), granular formatter settings, and full support for TypeScript 1.8.
class Counter extends Component {
state = {
count: 0,
tags: ["tag 1", "tag 2", "tag 3"]
}; class Counter extends Component {
state = {
count: 0,
tags: ["tag 1", "tag 2", "tag 3"]
};
render() {
return (
<div>
<span className={this.getBadgeClasses()}>{this.formatCount()}</span>
<button className="btn btn-secondary btn-sm">Increment</button>
<ul>
{this.state.tags.map(tag => (
<li>{tag}</li>
))}
</ul>
</div>
);
} 
<li key={tag}>{tag}</li> renderTags() {
if (this.state.tags.length === 0) {
return <p>There are no tags!</p>;
}
return (
<ul>
{this.state.tags.map(tag => (
<li key={tag}>{tag}</li>
))}
</ul>
);
} render() {
return (
<div>
<span className={this.getBadgeClasses()}>{this.formatCount()}</span>
<button className="btn btn-secondary btn-sm">Increment</button>
{this.renderTags()}
</div>
);
} state = {
count: 0,
tags: []
}; {this.state.tags.length === 0 && "Please create a new tag!"} 
handleIncrement() {
console.log("Increment clicked!");
} <button
onClick={this.handleIncrement}
className="btn btn-secondary btn-sm"
>
Increment
</button> handleIncrement() {
console.log("Increment clicked!", this.state.count);
} constructor() {
super();
console.log("constructor", this);
this.handleIncrement = this.handleIncrement.bind(this);
} 
handleIncrement = () => {
console.log("Increment clicked!", this.state.count);
} handleIncrement = () => {
this.state.count++;
}; Line 33:5: Do not mutate state directly. Use setState() react/no-direct-mutation-state
handleIncrement = () => {
this.setState({ count: this.state.count + 1 });
}; 
doHandleIncrement = () => {
this.handleIncrement({ id: 1, name: "Product 1" });
}; handleIncrement = product => {
console.log(product);
this.setState({ count: this.state.count + 1 });
}; onClick={() => this.handleIncrement({ id: 1, name: "Product 1" })}