5
0
mirror of https://github.com/wailsapp/wails.git synced 2025-05-03 20:40:33 +08:00

Updated tutorial. Fixed sidebar

This commit is contained in:
Lea Anthony 2024-12-17 06:21:51 +11:00
parent 37f9f19d6f
commit bcc3ac296d
No known key found for this signature in database
GPG Key ID: 33DAF7BB90A58405
2 changed files with 40 additions and 1 deletions

View File

@ -83,6 +83,7 @@ export default defineConfig({
}, },
{ {
label: "Tutorials", label: "Tutorials",
collapsed: true,
autogenerate: { directory: "tutorials", collapsed: true }, autogenerate: { directory: "tutorials", collapsed: true },
}, },
{ {

View File

@ -370,7 +370,45 @@ This will show you how to organize your code into reusable services and handle e
} }
``` ```
Update `main.js` to make the image source the path to the QR code service, passing the text as a query parameter: Now update `main.go` to specify the route that the QR code service should be accessible on:
```go title="main.go" ins={8-10}
func main() {
app := application.New(application.Options{
Name: "myproject",
Description: "A demo of using raw HTML & CSS",
LogLevel: slog.LevelDebug,
Services: []application.Service{
application.NewService(NewQRService(), application.ServiceOptions{
Route: "/qrservice",
}),
},
Assets: application.AssetOptions{
Handler: application.AssetFileServerFS(assets),
},
Mac: application.MacOptions{
ApplicationShouldTerminateAfterLastWindowClosed: true,
},
})
app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
Title: "myproject",
Width: 600,
Height: 400,
})
// Run the application. This blocks until the application has been exited.
err := app.Run()
// If an error occurred while running the application, log it and exit.
if err != nil {
log.Fatal(err)
}
}
```
Finally, update `main.js` to make the image source the path to the QR code service, passing the text as a query parameter:
```js title="frontend/src/main.js" ```js title="frontend/src/main.js"
import { GenerateQRCode } from './bindings/changeme/qrservice.js'; import { GenerateQRCode } from './bindings/changeme/qrservice.js';