Make a simple web application with .NET Core on openSUSE

1. Getting Started with .NET on
OpenSuse
(ASP.NET with C#)
Alin Nur Alifah / Alin
alinnural@gmail.com

2. Alin Nur Alifah
Alin
alinnural.com
@alinnural

3. GNU Linux Bogor Activist
WEB Developer @IPB
Ilkomerz @IPB

4. Thank you

5. Thank you
For join my class

6. Lets sharing...

7. .NET ???

8. .NET ???
.NET is a layer of software that makes it easier for you to write
programs

9. .NET Core
Vs
.NET Framework

10. .NET Core
Vs
.NET Framework
.NET Core is a general purpose, modular, cross-platform and open
source implementation of the .NET Platform.

11. .NET with C# Languange

12. C# Languange
The C# language is disarmingly simple, which makes it good for beginners, but
C# also includes all the support for the structured, component-based,
object-oriented programming that one expects of a modern language built on
the shoulders of C++ and Java.

13. Lets Code...

14. Install dotnet
# sudo zypper install libunwind libicu
# curl -sSL -o dotnet.tar.gz
https://go.microsoft.com/fwlink/?LinkID=827532
# sudo mkdir -p /opt/dotnet && sudo tar zxf
dotnet.tar.gz -C /opt/dotnet
# sudo ln -s /opt/dotnet/dotnet /usr/local/bin

15. Let's initialize a sample Hello World
application!
# mkdir hwapp
# cd hwapp
# dotnet new
# dotnet restore
# dotnet run

16. Let's initialize a sample Hello World
application!

17. Simple
ASP.NET Core
Application

18. Node.js and npm
is required !

19. Install node.js and npm
# wget -qO-
https://raw.githubusercontent.com/creation
ix/nvm/v0.31.7/install.sh | bash
# source ~/.bashrc
# nvm install v.x.xx.x

20. Scaffolding usings Yeoman
Install the necessary yeoman generators and bower using npm.
# npm install -g yo generator-aspnet bower
Run the ASP.NET Core generator
# yo aspnet
# dotnet restore
# dotnet run

21. Scaffolding usings Yeoman

22. Scaffolding usings Yeoman

23. Sub Generators
https://github.com/omnisharp/generator-as
pnet#sub-generators
eg : add a new class
# yo aspnet:mvccontroller BlogController

24. Connect Database
New SQLite Database
"dependencies": {
"Microsoft.EntityFrameworkCore.Sqlite": "1.0.0",
"Microsoft.EntityFrameworkCore.Design": {
"version": "1.0.0-preview2-final",
"type": "build"
}
"tools": {
"Microsoft.EntityFrameworkCore.Tools":
"1.0.0-preview2-final"
}

25. Connect Database
Verify that Entity Framework is installed by running
# dotnet ef - -help
Run dotnet restore again to install the new packages.
# dotnet restore

26. Create Model

27. Generate Database
This will find our context and models, and generate a migration
# dotnet ef migrations add MyFirstMigration
create the database file and creates the tables
# dotnet ef database update

28. Use Model on Controller
[HttpGet]
[AllowAnonymous]
public IActionResult Index(string nama = null)
{
var db = new BloggingContext();
db.Blogs.Add(new Blog { Url = nama });
db.SaveChanges();
ViewData["daftarBlog"] = db.Blogs;
return View();
}

30. Thank you

31. Referensi
https://docs.asp.net/en/latest/tutorials/your-first-mac-aspnet.html
https://docs.asp.net/en/latest/client-side/yeoman.html
https://github.com/omnisharp/generator-aspnet#sub-generators