You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Build cross platform desktop apps with .NET 6 and Blazor, ASP.NET Core (Razor Pages, MVC).
13
6
@@ -19,12 +12,11 @@ The CLI extensions hosts our toolset to build and start Electron.NET application
19
12
20
13
Well... there are lots of different approaches how to get a X-plat desktop app running. We thought it would be nice for .NET devs to use the ASP.NET Core environment and just embed it inside a pretty robust X-plat enviroment called Electron. Porting Electron to .NET is not a goal of this project, at least we don't have any clue how to do it. We just combine ASP.NET Core & Electron.
21
14
22
-
## 📦 NuGet:
15
+
## 📦 NuGet
23
16
24
-
* API [](https://www.nuget.org/packages/ElectronNET.API/)
The current Electron.NET CLI builds Windows/macOS/Linux binaries. Our API uses .NET 6, so our minimum base OS is the same as [.NET 6](https://github.com/dotnet/core/blob/main/release-notes/6.0/supported-os.md).
30
22
@@ -36,22 +28,20 @@ Also you should have installed:
We do this open source work in our free time. If you'd like us to invest more time on it, please [donate](https://donorbox.org/electron-net). Donation can be used to increase some issue priority. Thank you!
Besides the chat on Gitter and the issues [discussed here](https://github.com/ElectronNET/Electron.NET/issues) you can also use [StackOverflow](https://stackoverflow.com/questions/tagged/electron.net) with the tag `electron.net`.
44
32
45
33
## 👩🏫 Usage
46
34
47
35
To activate and communicate with the "native" (sort of native...) Electron API include the [ElectronNET.API NuGet package](https://www.nuget.org/packages/ElectronNET.API/) in your ASP.NET Core app.
48
36
49
-
````
37
+
```
50
38
PM> Install-Package ElectronNET.API
51
-
````
39
+
```
40
+
41
+
## Setup Using Minimal-API
42
+
43
+
You start Electron.NET up with an `UseElectron` WebHostBuilder-Extension and open the Electron Window:
52
44
53
-
## Minimal-API
54
-
You start Electron.NET up with an `UseElectron` WebHostBuilder-Extension and open the Electron Window:
To start the application make sure you have installed the "[ElectronNET.CLI](https://www.nuget.org/packages/ElectronNET.CLI/)" packages as global tool:
112
101
113
-
```
102
+
```sh
114
103
dotnet tool install ElectronNET.CLI -g
115
104
```
116
105
117
106
At the first time, you need an Electron.NET project initialization. Type the following command in your ASP.NET Core folder:
118
107
119
-
```
108
+
```sh
120
109
electronize init
121
110
```
122
111
123
112
* Now a electronnet.manifest.json should appear in your ASP.NET Core project
124
113
* Now run the following:
125
114
126
-
```
115
+
```sh
127
116
electronize start
128
117
```
129
118
130
119
### Note
131
-
> Only the first electronize start is slow. The next will go on faster.
120
+
121
+
> Only the first `electronize start` is slow. The next will go on faster.
132
122
133
123
## 🔭 Develop Electron.NET apps using a file watcher
134
124
135
125
The file watcher is included with version 8.31.1 of Electron.NET. For example, a file change can trigger compilation, test execution, or deployment. The Electron.NET window will automatically refresh and new code changes will be visible more quickly. The following Electron.NET CLI command is required:
136
126
137
-
```
127
+
```sh
138
128
electronize start /watch
139
129
```
140
130
141
131
### Note
142
-
> Only the first electronize start is slow. The next will go on faster.
143
132
144
-
## 🐞 Debug
133
+
> Only the first `electronize start` is slow. The next will go on faster.
145
134
146
-
Start your Electron.NET application with the Electron.NET CLI command. In Visual Studio attach to your running application instance. Go in the __Debug__ Menu and click on __Attach to Process...__. Sort by your projectname on the right and select it on the list.
135
+
## 🐞 Debugging the Application
147
136
137
+
Start your Electron.NET application with the Electron.NET CLI command. In Visual Studio attach to your running application instance. Go in the __Debug__ Menu and click on __Attach to Process...__. Sort by your projectname on the right and select it on the list.
148
138
149
-
## 📔 Usage of the Electron-API
139
+
## 📔 Usage of the ElectronAPI
150
140
151
141
A complete documentation will follow. Until then take a look in the source code of the sample application:
152
142
[Electron.NET API Demos](https://github.com/ElectronNET/electron.net-api-demos)
153
143
154
144
In this YouTube video, we show you how you can create a new project, use the Electron.NET API, debug a application and build an executable desktop app for Windows: [Electron.NET - Getting Started](https://www.youtube.com/watch?v=nuM6AojRFHk)
155
145
156
-
## ⛏ Build
146
+
## ⛏ Building Release Artifacts
157
147
158
148
Here you need the Electron.NET CLI as well. Type the following command in your ASP.NET Core folder:
159
149
160
-
```
150
+
```sh
161
151
electronize build /target win
162
152
```
163
153
164
154
There are additional platforms available:
165
155
166
-
```
156
+
```sh
167
157
electronize build /target win
168
158
electronize build /target osx
169
159
electronize build /target linux
@@ -173,33 +163,34 @@ Those three "default" targets will produce x64 packages for those platforms.
173
163
174
164
For certain NuGet packages or certain scenarios you may want to build a pure x86 application. To support those things you can define the desired [.NET Core runtime](https://docs.microsoft.com/en-us/dotnet/core/rid-catalog), the [electron platform](https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#platform) and [electron architecture](https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#arch) like this:
The end result should be an electron app under your __/bin/desktop__ folder.
181
171
182
172
### Note
173
+
183
174
> macOS builds can't be created on Windows machines because they require symlinks that aren't supported on Windows (per [this Electron issue](https://github.com/electron-userland/electron-packager/issues/71)). macOS builds can be produced on either Linux or macOS machines.
184
175
185
176
## 🔄 Update
186
177
187
178
After an update to the latest Electron.API package, an update to the latest Electron.CLI is always required. In addition, always update the CLI via NuGet:
188
179
189
-
```
180
+
```sh
190
181
dotnet tool update ElectronNET.CLI -g
191
182
```
192
183
193
184
## 👨💻 Authors
194
185
195
-
***Gregor Biswanger** - (Microsoft MVP, Intel Black Belt and Intel Software Innovator) is a freelance lecturer, consultant, trainer, author and speaker. He is a consultant for large and medium-sized companies, organizations and agencies for software architecture, web- and cross-platform development. You can find Gregor often on the road attending or speaking at international conferences. - [Cross-Platform-Blog](http://www.cross-platform-blog.com) - Twitter [@BFreakout](https://www.twitter.com/BFreakout)
196
-
***Dr. Florian Rappl** - Software Developer - from Munich, Germany. Microsoft MVP & Web Geek. - [Florian Rappl](https://florianrappl.de) - Twitter [@florianrappl](https://twitter.com/florianrappl)
197
-
***Robert Muehsig** - Software Developer - from Dresden, Germany, now living & working in Switzerland. Microsoft MVP & Web Geek. - [codeinside Blog](https://blog.codeinside.eu) - Twitter [@robert0muehsig](https://twitter.com/robert0muehsig)
186
+
***[Gregor Biswanger](https://github.com/GregorBiswanger)** - (Microsoft MVP, Intel Black Belt and Intel Software Innovator) is a freelance lecturer, consultant, trainer, author and speaker. He is a consultant for large and medium-sized companies, organizations and agencies for software architecture, web- and cross-platform development. You can find Gregor often on the road attending or speaking at international conferences. - [Cross-Platform-Blog](http://www.cross-platform-blog.com) - Twitter [@BFreakout](https://www.twitter.com/BFreakout)
187
+
***[Dr. Florian Rappl](https://github.com/FlorianRappl)** - Software Developer - from Munich, Germany. Microsoft MVP & Web Geek. - [The Art of Micro Frontends](https://microfrontends.art) - [Homepage](https://florian-rappl.de) - Twitter [@florianrappl](https://twitter.com/florianrappl)
188
+
***[Robert Muehsig](https://github.com/robertmuehsig)** - Software Developer - from Dresden, Germany, now living & working in Switzerland. Microsoft MVP & Web Geek. - [codeinside Blog](https://blog.codeinside.eu) - Twitter [@robert0muehsig](https://twitter.com/robert0muehsig)
198
189
199
190
See also the list of [contributors](https://github.com/ElectronNET/Electron.NET/graphs/contributors) who participated in this project.
200
191
201
-
202
192
## 🙋♀️🙋♂ Contributing
193
+
203
194
Feel free to submit a pull request if you find any bugs (to see a list of active issues, visit the [Issues section](https://github.com/ElectronNET/Electron.NET/issues).
204
195
Please make sure all commits are properly documented.
205
196
@@ -219,26 +210,34 @@ We do this open source work in our free time. If you'd like us to invest more ti
MIT-licensed. See [LICENSE](./LICENSE) for details.
224
223
225
224
**Enjoy!**
226
-
227
-
228
225
229
226
## 📝 Important notes
230
227
231
228
### ElectronNET.API & ElectronNET.CLI Version 9.31.2
232
229
233
230
Make sure you also have the new Electron.NET API & CLI 9.31.2 version.
234
231
235
-
```
232
+
```sh
236
233
dotnet tool update ElectronNET.CLI -g
237
234
```
238
235
239
-
This now uses [electron-builder](https://www.electron.build/configuration/configuration) and the necessary configuration to build is made in the **electron.manifest.json** file (on the build part). In addition, own Electron.NET configurations are stored (on the root). Please make sure that your **electron.manifest.json** file has the following new structure:
236
+
This now uses [electron-builder](https://www.electron.build/configuration/configuration) and the necessary configuration to build is made in the **electron.manifest.json** file (on the build part). In addition, own Electron.NET configurations are stored (on the root).
240
237
241
-
```
238
+
Please make sure that your **electron.manifest.json** file has the following new structure:
After you edited the .csproj-file, you need to restore your NuGet packages within your Project. Run the following command in your ASP.NET Core folder:
287
+
After you edited the *.csproj*file, you need to restore your NuGet packages within your Project. Run the following command in your ASP.NET Core folder:
289
288
290
-
```
289
+
```sh
291
290
dotnet restore
292
291
```
293
292
294
-
295
293
If you still use this version you will need to invoke it like this:
296
294
297
-
```
295
+
```sh
298
296
electronize ...
299
297
```
300
298
301
-
### Node Integration
302
-
Electron.NET requires Node Integration to be enabled for IPC to function. If you are not using the IPC functionality you can disable Node Integration like so:
299
+
### Node.js Integration
300
+
301
+
Electron.NET requires Node.js integration to be enabled for IPC to function. If you are not using the IPC functionality you can disable Node.js integration like so:
0 commit comments