Vadim Abdrashitov

JavaScript and .NET Developer

Using Create React App with ASP.NET Core

09 Feb 2019

Make sure you have already set ASP.NET Core app (Getting Started) and React.js app (Getting Started)

To use ASP.NET Core API from React.js app add option proxy to package.json

...
"proxy":"http://localhost:5000"
...

This option allow to proxy requests starts with /api to your API server (ASP.NET Core app).

More info about proxy option Proxying API Requests in Development

Start your apps

dotnet run
npm start

Full example of this approach AspNetCoreDemoApp

Ensure https for ASP.NET Core apps on Heroku

17 Nov 2018

Update ConfigureServices method with:

public IServiceProvider ConfigureServices(IServiceCollection services)
{
// ...
services.AddHttpsRedirection(options => { options.HttpsPort = 443; });
services.Configure<ForwardedHeadersOptions>(options =>
{
options.KnownNetworks.Clear();
options.KnownProxies.Clear();
options.ForwardedHeaders =
ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto;
});
// ...
}
view raw StartupConfigureService.cs hosted with ❤ by GitHub

Update Configure method with:

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsProduction())
{
app
.UseForwardedHeaders()
.UseHttpsRedirection();
}
// ...
}
view raw StartupConfigure.cs hosted with ❤ by GitHub

More info

Docker deployment using Bitbucket Pipelines and Heroku

06 Oct 2018

Set HEROKU_TOKEN and APP_NAME at Settings -> Pipelines -> Environment variables.

bitbucket-pipelines.yml

pipelines:
default:
- step:
name: build and publish docker image
services:
- docker
caches:
- docker
script:
- docker build -t $APP_NAME .
- docker login --username=_ --password=$HEROKU_TOKEN registry.heroku.com
- docker tag $APP_NAME registry.heroku.com/$APP_NAME/web
- docker push registry.heroku.com/$APP_NAME/web
- docker inspect registry.heroku.com/$APP_NAME/web --format={{.Id}} > WEB_DOCKER_IMAGE_ID
artifacts:
- WEB_DOCKER_IMAGE_ID
- step:
name: deploy-to-heroku
deployment: staging
script:
- export WEB_DOCKER_IMAGE_ID=$(cat WEB_DOCKER_IMAGE_ID)
- ./deploy.sh
- echo "Done..."
options:
docker: true
view raw bitbucket-pipelines.yml hosted with ❤ by GitHub

deploy.sh

#!/usr/bin/env bash
set -eu
curl -n -X PATCH https://api.heroku.com/apps/$APP_NAME/formation \
-d '{
"updates": [
{
"type": "web",
"docker_image": "'"$WEB_DOCKER_IMAGE_ID"'"
}
]
}' \
-H "Content-Type: application/json" \
-H "Accept: application/vnd.heroku+json; version=3.docker-releases" \
-H "Authorization: Bearer $HEROKU_TOKEN"
view raw deploy.sh hosted with ❤ by GitHub

November update of my github projects

17 Nov 2017

Dotnetcore Buildpack

dotnetcore-buildpack

  • Removed dotnet restore step
  • Extremely optimized slag size (DOTNET_SKIP_FIRST_TIME_EXPERIENCE:1)
  • Updated .NET Core SDK 2.0.3
  • Added support PROJECT_FILE and PROJECT_NAME environment variables (#23)

ASP.NET Core Demo App

AspNet5DemoApp

  • Updated npm modules and nuget packages
  • Added react-scripts
  • Added Dockerfile and License

Jincod.CQRS

Jincod.CQRS

  • Updated .NET Core to 2.0.0
  • Updated nuget package to 2.0.1

Build scripts

build-scripts

  • Fixed setup script
  • Added Cake.Bakery to pacakges.config

Strongly Typed Web API Example

Jincod.CQRS

  • Created project for demonstration creating API Controllers using interfaces of services with Refit attributes.

Jenkins integration with Jest

04 Sep 2017

We will use Jest-junit test reporter to integrate jest results with Jenkins.

Installation

npm install -D jest jest-junit

Configuration

Add to package.json:

"scripts": {
  ...
  "test": "jest"
}

Add to Jenkinsfile:

stage ('tests') {
  withEnv(["JEST_JUNIT_OUTPUT=./jest-test-results.xml"]) {
    sh 'npm test -- --ci --testResultsProcessor="jest-junit"'
  }
  junit 'jest-test-results.xml'
}