Running UWP on Linux with Uno Platform

Youtube Channel : https://youtube.com/FutureOfDotNet

• Youtube : https://youtu.be/VjAfdm5_zVo
• Github : https://github.com/kaki104/UnoLinux2Sample
• Pdf :

  Running UWP on Linux with Uno.pdf

  918.6 kB

Reference

• Uno Platform and Windows Community Toolkit built app running on Ubuntu Linux, on Raspberry Pi
• Running UWP on Linux With Uno

Windows Terminal

• Get Windows Terminal - Microsoft Store
• PowerShell & Ubuntu

.NET Core SDK 3.1.100

• Download .NET SDKs for Visual Studio (microsoft.com)

Uno ProjectTemplates

• NuGet Gallery | Uno.ProjectTemplates.Dotnet 3.0.12
• dotnet new --install Uno.ProjectTemplates.Dotnet::3.1.0-dev.100

WSL2(Windows Subsystem for Linux)

• Windows Subsystem for Linux Installation Guide for Windows 10
  • https://bit.ly/31unnsp
• Install WSL
  • dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
  • Restart machine
• Update to WSL2
  • Windows 10 version 1903 or higher, Build 18362
  • dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
  • Restart machine
• wsl --set-default-version 2

Install Ubuntu 20.04 LTS

• Get Ubuntu 20.04 LTS - Microsoft Store

Install X410

• Buy X410 - Microsoft Store
• X410 구매 - Microsoft Store ko-KR

X410 setting

• Allow Public Networks

Test WSL2 + X Window Server

• sudo apt-get update
• sudo apt-get install vim-gtk

Find my IP address

• ipconfig
• WSL -> IPv4 Address : 172.28.176.1

Export Display Setting

• export DISPLAY=[IP Address]:0
  • ex) export DISPLAY=172.28.176.1:0

Execute gvim

• gvim
• Troubleshooting

Create and Publish an Uno project

• dotnet new unoapp -o UnoLinux -w=false -wasm=false -ios=false -android=false -macos=false -sw=false
• cd .\UnoLinux\UnoLinux.Skia.Gtk\
• dotnet build
• dotnet publish --runtime linux-x64 -c Release --self-contained

Running UWP on Ubuntu

• cd /mnt/[DRIVE LETTER]/[PATH]/UnoLinux/UnoLinux.Skia.Gtk/bin/Release/netcoreapp3.1/linux-x64
  • Ex) cd /mnt/c/users/kaki1/UnoLinux/UnoLinux.Skia.Gtk/bin/Release/netcoreapp3.1/Linux-x64
• ./UnoLinux.Skia.Gtk

UWP app running in Ubuntu

• Uno UWP app
• Rendering to a Skia backend
• GTK host
• Ubuntu
• Windows Subsystem for Linux 2

Register Desktop Bridge app and UWP app as Startup program

Future Of DotNet
https://youtube.com/FutureOfDotNet

UWP앱을 시작프로그램으로 등록/삭제하는 방법입니다.

Youtube : https://youtu.be/5cI6oS0HLOQ
Blog : https://kaki104.tistory.com/664
Git : https://github.com/kaki104/StartupSample

Reference

• Windows 10 Anniversary Update
• Configure your app to start at log-in
  • https://bit.ly/31qzlTZ
• Integrate your desktop app with Windows 10 and UWP
  • https://bit.ly/3aUakn9

Desktop Bridge vs UWP

• How
• Namespace
• EntryPoint
• Enabled
• Multiple startupTask
• Diabled/Enabled

Constrained in UWP apps

• The default is Disable
• Show a user-prompt dialog for UWP apps
• StartupTask includes a Disable method
• If the user disables, then the prompt is not shown again
• If the feature is disabled by local admin or group policy, then the user prompt is not shown, and startup cannot be enabled
• Platforms other than Desktop that don’t support startup tasks also report DisabledByPolicy

Package.appxmanifest

• xmlns:uap5="http://schemas.microsoft.com/appx/manifest/uap/windows10/5"
• IgnorableNamespaces="uap mp uap5"

<Application>
    <Extensions>
        <uap5:Extension Category="windows.startupTask“ Executable="StartupXXX.exe“ EntryPoint="StartupXXX.App">
            <uap5:StartupTask TaskId="StartupXXX“ Enabled="false“ DisplayName="StartupXXX“/>
        </uap5:Extension>
    </Extensions>
</Application>

MainPage.xaml.cs

var startupTask = await StartupTask.GetAsync("StartupXXX");
StartupTaskState newState = await startupTask.RequestEnableAsync();

App.xaml.cs

protected override void OnActivated(IActivatedEventArgs args)

var staea = args as StartupTaskActivatedEventArgs;
rootFrame.Navigate(typeof(MainPage), staea.TaskId);
Window.Current.Activate();

WebView2 Control Preview 버전이 얼마전에 공개되었습니다.

Introduction to Microsoft Edge WebView2 (Preview)

• https://bit.ly/3alYpOW
• 응용 프로그램에 웹 기술(HTML, CSS 및 JavaScript)을 포함 할 수 있음
  Microsoft Edge (Chromium)을 렌더링 엔진으로 사용 – 호환성 향상
• Preview 버전이므로, 프로덕션 앱에 이 버전을 사용 금지

Supported platforms

• Environments
  • Win32 C/C++
  • .NET Framework 4.6.2 or later
  • .NET Core 3.0 or later
  • WinUI 3.0
• Windows
  • Windows 10
  • Windows 8.1
  • Windows 8
  • Windows 7
  • Windows Server 2016, 2012, 2012 R2, 2008 R2

Getting started with WebView2 in WPF (Preview)

• https://bit.ly/31O9wMM
• Prerequisites
  • Microsoft Edge (Chromium) Canary channel installed on Windows 10, Windows 8.1 or Windows 7
  • Visual Studio 2017 or later
• 오류 해결

WebView2 nuget package

• Important
  • Ensure you check Include prerelease, select a prerelease package in Version, and then choose Install.
• 8/17/2020
  • Microsoft.Web.WebView2 version 0.9.579-prerelease
    • Minimum Microsoft Edge version 86.0.579.0
  • Canary Microsoft Edge version 86.0.608.0
    • How to check the version
      • … → Help and feedback → About Microsoft Edge

Youtube :

• https://youtu.be/KY8heuw1QgM

Face Detection API

. Real-time face recognition with Microsoft Cognitive Services
. Google

• Vision API
  • Facial Detection
    • Free : First 1000 units/month
    • $1.5 for 1000 unit : 1001 – 5,000,000 / month
      . Microsoft Azure
• Face API
  • Face Detection ~ Face Identification
    • Free : 20 transactions for minute
    • $1.0 for 1000 transactions : 0 – 1M transactions
      . OpenCV
      . Dlib C++ Library

OpenCV

. 오픈 소스 컴퓨터 비전 라이브러리 중 하나로 크로스플랫폼과 실시간 이미지 프로세싱에 중점을 둔 라이브러리.
. Windows, Linux, OS X(macOS), iOS, Android 등 다양한 플랫폼을 지원
. OpenCvSharp

• C# : OpenCvSharp4 nuget package
• UWP : OpenCvSharp4.runtime.uwp nuget package
• haarcascade_frontalface_alt.xml

OpenCVSharp

. Mat class

• Matrix의 약자로 행렬을 표현하기 위한 데이터 형식
  . Haar Cascade
• 이미지 또는 비디오에서 객체를 식별하는데 사용되는 기계 학습 객체 감지 알고리즘
• haarcascade_frontalface_alt.xml : 얼굴 전면 식별
• DetectMultiScale
  • 입력된 이미지에서 크기가 다른 물체를 감지합니다. 감지 된 객체는 사각형 목록으로 반환

Dlib C++ Library

• 기계 학습 알고리즘 및 도구를 포함하는 C++ 툴킷으로 로봇 공학, 임베디드 장치, 휴대 전화 및 대형 컴퓨팅 환경을 포함한 광범위한 산업 영역 및 학계에서 사용

• DlibDotNet

  • DlibDotNet for UWP nuget package

• Dlib Models

  • shape_predictor_5_face_landmarks.dat
    • 눈의 모서리와 코의 바닥을 식별하는 5포인트 랜드 마크 모델
  • shape_predictor_68_face_landmarks.dat
    • 얼굴 전체를 감싸는 68개의 포인트 랜드 마크 모델
    • 상업적 사용을 위해서는 담당자와 별도의 협의를 진행해야 함

Part1

https://youtu.be/wxIFGmG6JCo

Part2

https://youtu.be/QQimCeWIdps

PDF

Github

https://github.com/kaki104/FaceDetectionSample

• UWP이 로컬 파일 시스템을 직접 접근해서 파일이나 폴더의 정보를 가지고 오는 방법에 대한 설명입니다.

• This is how UWP directly accesses the local file system and fetches information from files or folders.

• BroadFileSystemAccess

  • All Files that the user has access to
  • Settings } Privacy | File system | Allow access UWP app
  • Version 1803 - default is On
  • Version 1809 - default is Off
  • This capability is not supported on Xbox

• Key Point

  • Package.appxmanifest } Mouse Right Click } Open With… } XML (Text) Editor
  • Add rescap namespace
    • xmlns:rescap=“http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities”
    • IgnorableNamespaces=“uap mp rescap”
  • Add rescap:Capability to th Capabilities section
    • {rescap:Capability Name="broadFileSystemAccess" /}
  • Code
    • var folder = await StorageFolder.GetFolderFromPathAsync(path);
    • try-catch(UnauthorizedAccessException)

• Completed sample app

  • Show all drives
  • Text files can be created in the selected folder
  • Selected file can be Open(exe file cannot be Open)
  • https://github.com/kaki104/UWP_17134

  - youtu.be/TJ5wDDgty6A