Skip to main content

Embed GUI Inside Your Go Code

Embed Gui (HTML) Inside Go code
Embed Gui (HTML) Inside Go code 

In every application, you are going to need HTML for your GUI. Now it's not a good idea to put your HTML file with your executable. 

Using an HTML file for GUI has two major disadvantages: 

  • Your guy is loading from HTML file so you have to be sure about the location of your HTML file.
  • Your HTML code is now reachable to end user with which they can play.


So Safer option is to embed your HTML inside your go program. You can do this with two ways, first is go with go-rice like tools which actually makes single executable consisting of your every resource file ( which consist your HTML, CSS and even images!, but I have not used it so have no more idea about it )


The second way to embed HTML is to write your HTML inside your code as a string. 
To make it more clearly see the example below.

Golang File

main.go
package main

import (
"fmt"

"github.com/sciter-sdk/go-sciter"
"github.com/sciter-sdk/go-sciter/window"
)

func main() {

// Creating A Reactangle of size we want
rect := sciter.NewRect(200, 200, 400, 400)
// Create Window Over The rect
appWindow, windowErr := window.New(sciter.SW_MAIN|sciter.SW_CONTROLS|sciter.SW_ENABLE_DEBUG, rect)
// If we cannot create window
// Application execution has to be stopped
// Because app has been failed in its first most stage
if windowErr != nil {
fmt.Errorf("Failed to create application window due to %s ", windowErr.Error())
return
}
uiLoadErr := appWindow.LoadHtml(screens(), "/")
if uiLoadErr != nil {
fmt.Errorf("Failed to Load UI dur to %s ", uiLoadErr.Error())
return
}
appWindow.SetTitle("Score")
// Showing window on screen
appWindow.Show()
// Making window Running ...
appWindow.Run()

}

func screens() string {
return `
<html>
<head>
</head>
<body>
<h1> No Html Files Need Any More </h1>
<input #name />
<label #nameLabel> </label>
<br>
<button #myname> Click Me  !</button>
</body>
<script type="text/tiscript">
self#myname.on("click",function(){
self#nameLabel.text = self#name.text
})
</script>
</html>
`
}

While in the early example we are used to loading HTML from a file.
appWindow.LoadFile("location-file")

In this example, we are loading HTML via the function ( which returns a string, actually you can put HTML directly there as well but!, It would not look fine, right ! ).
uiLoadErr := appWindow.LoadHtml(screens(), "/")

So now we have no external dependencies for our program. Our GUI is also embedded in our go program. So after compilation, there will be only one executable file has to ship in order to share our application.

Whooho ! Its awesome right!

Comments

Popular posts from this blog

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth workin...

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb....

How To Configure Sendy on Ubuntu 16.04 with nginx

How To Configure Sendy on Ubuntu 16.04 with nginx Introduction Sendy is a self hosted email newsletter application that lets you send trackable emails via Amazon Simple Email Service (SES). You can host it on your vps. We are going to see how to host the Sendy on Ubuntu server having installed php , mysql and nginx Prerequisites Before you begin this guide you'll need the following: VPS with ubuntu 16.04 PHP MySQL nginx Step 1 — Get the licenced copy of sendy Sendy is a commercial product. You have to purchase it before using it. You can purchase it from   http://sendy.co After purchasing they will send you a copy of the sendy to your email id. Now transition to the next step by telling the reader what's next. Step 2 — Configer Sendy Extract the zip of sendy you get in the email Update the config.php file You will be able to find  config.php file inside the include folder. Update the varialbes inside config.php Set the App_PATH ...