Chris S. yetanotherchris

Vue JS with ASP.NET Core

These notes come with much appreciation from Packt's ASP.NET Core 2 and Vue.js, adapted for my use.

.NET Core currently (2.2) only ships with a React and Angular project template. There is a Vue one but it uses Typescript and for some unknown reason doesn't compile when you perform a "dotnet run".

Install the dotnet template

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
dotnet new vue

This is based off the UI of Roadkill v2, with no new functionality or design.

Editor view

Global UI elements

These options could be in a hamburger bar:

Page last edited by ____ on _____
Page info dialog - added by + on, last edit by + on, title, tags, dates

	using Microsoft.AspNetCore.Mvc;
	using Microsoft.Extensions.Logging;
	using System;
	using System.Collections.Generic;
	using System.Diagnostics;
	using System.Linq;
	using System.Net.Http;
	using System.Threading.Tasks;
	using TestCircuitBreaker.Models;

	// See https://github.com/dotnet/runtime/issues/23749

	public static class CertHelper
	{
	// To generate a self-signed cert:
	// dotnet dev-certs https -ep $pwd/selfsigned.pem --format Pem -np
	public static X509Certificate2 GetCertificate()
	{
	X509Certificate2 sslCert = CreateFromPublicPrivateKey("certs/selfsigned.pem", "certs/selfsigned.key");

	package main

	import (
	"encoding/json"
	"fmt"
	"io/ioutil"
	"log"
	"net/http"
	)

	$yarnPath = & yarn global bin
	$path = [System.Environment]::GetEnvironmentVariable("PATH", [System.EnvironmentVariableTarget]::User)
	[System.Environment]::SetEnvironmentVariable("PATH", "$path;$yarnPath", [System.EnvironmentVariableTarget]::User)

	# Your yarn path should appear at the end of the path now
	[System.Environment]::GetEnvironmentVariable("PATH", [System.EnvironmentVariableTarget]::User)

	# Try a global command, for example gatsby. If you're using Visual Studio Code, you'll need to restart the IDE
	gatsby

	using System;
	using System.IO;
	using System.Security.Cryptography;
	using System.Security.Cryptography.X509Certificates;

	namespace PublicKeyCryptographyExample
	{
	//
	// https://yetanotherchris.dev/security/public-private-key-in-netcore-by-example/
	//

	// Add the following nuget package for Base64Url decoding:
	// dotnet add package Microsoft.AspNetCore.WebUtilities

	// This example JWT is taken from jwt.io
	string jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c";
	string[] parts = jwt.Split('.');

	foreach (string section in parts)
	{
	// The final (3rd) section is the JWT signature, so will appear as nonsense as it isn't JSON

	aws s3api create-bucket --bucket MYBUCKET --create-bucket-configuration LocationConstraint=eu-west-1
	aws s3api put-object --bucket MYBUCKET --key myfile.txt --body .\myfile.txt

	aws dynamodb create-table --table-name {YOURTABLE} &
	--attribute-definitions AttributeName={SOME-STRING-ID},AttributeType=S AttributeName={SOME-NUMBER-ID},AttributeType=N &
	--key-schema AttributeName={SOME-STRING-ID},KeyType=HASH AttributeName={SOME-NUMBER-ID},KeyType=RANGE &
	--provisioned-throughput ReadCapacityUnits=5,WriteCapacityUnits=5