July 10, 2018

HTML Coding Tutorials -How to Create Web Page?

Because of some needs, Skiyo blog also started to develop module for advanced HTML tutorial. After reading some information, we skiyo.cn made a module.

Our team at skiyo development of HTML tags tutorial that we have created is available here on skiyo blog, and it is relatively easy. There are many modules for online open source, which can be used for reference. What shocks me is the OAuth module.

Here you can find good examples of HTML coding and tags, tutorials for beginners.

And here you can see an example of how a good web site dedicated to top online casinos in the USA should look like.

Skiyo compares some back-end language implementations. The most important feature is that the speed is fast. This is understandable. The difference advanced HTML tutorial and coding HTML for beginners, directly compiles the module into the main program. Under my simple test, a very simple module with business logic can reach 1-2w/s requests. If your machine is good enough, this data is more impressive. For a PHP, it can be very good to be able to press 5000/s.

Personally feel that coding HTML for beginners development data is still relatively small (seemingly contradictory with the above said = =), development is still embarrassing, so if you want to try some nginx module development, and apply to the production environment, recommend some business logic is relatively simple Think again.

Another advantage of HTML classes for beginners development is that it is very easy to deploy and the compilation is very simple. We learned that from our personal experience during our first project, the creation of a website for free arcade games. Here is how the original site looks like today.

web page tutorial

Well, nonsense will not say, the following gives a hello world demo. There are already many examples of hello world on the Internet, which is still very complicated in my opinion. Skiyo team still have to say it by ourself.

Before developing the module, skiyo need to create a new file called “config”. When skiyo compiles, let the main program compile my module. If you want more entry-level check our previous post about the Best place to learn HTML, tutorial for beginners, and advanced coding CSS and HTML.

In this hello world example, config looks like this:

View Code

1
2
3
ngx_addon_name = ngx_hello_world_module
HTTP_AUX_FILTER_MODULES = "$ HTTP_MODULES ngx_hello_world_module" 
NGX_ADDON_SRCS = "$ NGX_ADDON_SRCS $ ngx_addon_dir / ngx_hello_world_module.c"

Need to pay attention to the name of the module and the location of your module source code

Then create a new ngx_hello_world_module.c in your directory.

Then enter the following code

View Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
#include <ngx_core.h> 
#include <ngx_http.h> 
#include <nginx.h>
 
static  char  * ngx_hello_world ( ngx_conf_t * cf , ngx_command_t * cmd ,  void  * conf ) ; 
static ngx_int_t ngx_hello_world_get_output ( ngx_http_request_t * r ,  char  * out_buf ) ; 
static ngx_int_t ngx_hello_world_handler ( ngx_http_request_t * r ) ;
 
/ * Commands * / 
static ngx_command_t ngx_hello_world_commands [ ]  =  { 
    { ngx_string ( "ngx_hello_world" ) , 
      NGX_HTTP_LOC_CONF | NGX_CONF_NOARGS , 
      ngx_hello_world , 
      NGX_HTTP_LOC_CONF_OFFSET , 
      0 , 
      NULL } ,
 
      ngx_null_command
};
 
static ngx_http_module_t  ngx_hello_world_module_ctx = {
    NULL,                                  /* preconfiguration */
    NULL,                                     /* postconfiguration */
 
    NULL,                                  /* create main configuration */
    NULL,                                  /* init main configuration */
 
    NULL,                                  /* create server configuration */
    NULL,                                  /* merge server configuration */
 
    NULL,                                  /* create location configuration */
    NULL                                   /* merge location configuration */
};
 
/ * * / Remedy 
ngx_module_t ngx_hello_world_module =  { 
    NGX_MODULE_V1 , 
    & ngx_hello_world_module_ctx ,               / * module Context * / 
    ngx_hello_world_commands ,                  / * module directives * / 
    NGX_HTTP_MODULE ,                        / * module type * / 
    null ,                                   / * init master * / 
    null ,                                   / * init module * / 
    NULL ,              / * init process * / 
    NULL ,                                   / * init thread * / 
    NULL ,                                   / * exit thread * / 
    NULL ,              / * exit process * / 
    NULL ,                                  /* exit master */
    NGX_MODULE_V1_PADDING
};
 
 
static ngx_int_t ngx_hello_world_get_output(ngx_http_request_t *r, char *out_buf){
 
    sprintf(out_buf, "%s", "Hello World!");
    return NGX_OK;
}
 
static ngx_int_t
ngx_hello_world_handler ( ngx_http_request_t * r ) 
{ 
    ngx_int_t rc ; 
    ngx_buf_t     * b ; 
    ngx_chain_t out ;
 
    /* Http Output Buffer */
    char out_buf[20] = {0};
 
    if (!(r->method & (NGX_HTTP_GET|NGX_HTTP_HEAD))) {
        return NGX_HTTP_NOT_ALLOWED;
    }
 
    rc = ngx_http_discard_request_body(r);
 
    if (rc != NGX_OK && rc != NGX_AGAIN) {
        return rc;
    }
    //定制头信息
    r->headers_out.content_type.len = sizeof("text/html") - 1;
    r->headers_out.content_type.data = (u_char *) "text/html";
 
    if (r->method == NGX_HTTP_HEAD) {
        rc = ngx_http_send_header(r);
 
        if  ( rc == NGX_ERROR || rc > NGX_OK || r -> header_only )  { 
            return rc ; 
        } 
    }
 
    / / Get the output body 
    ngx_hello_world_get_output ( r , out_buf ) ;
 
    b = ngx_pcalloc ( r -> pool ,  sizeof ( ngx_buf_t ) ) ; 
    if  ( b == NULL )  { 
        return NGX_HTTP_INTERNAL_SERVER_ERROR ; 
    }
 
    out.buf = b;
    out.next = NULL;
 
    b->pos = (u_char *)out_buf;
    b->last = (u_char *)out_buf + strlen(out_buf);
    b->memory = 1;
    b->last_buf = 1;
    r->headers_out.status = NGX_HTTP_OK;
    r->headers_out.content_length_n = strlen(out_buf);
 
    rc = ngx_http_send_header(r);
 
    if  ( rc == NGX_ERROR || rc > NGX_OK || r -> header_only )  { 
        return rc ; 
    }
 
    return ngx_http_output_filter(r, &out);
}
 
static  char  * 
ngx_hello_world ( ngx_conf_t * cf , ngx_command_t * cmd ,  void  * conf ) 
{ 
    ngx_http_core_loc_conf_t * clcf = ngx_http_conf_get_module_loc_conf ( cf , ngx_http_core_module ) ;
 
    /* register hanlder */
    clcf->handler = ngx_hello_world_handler;
 
    return NGX_CONF_OK ; 
}

Then compile.
What you need to understand when compiling is that we don’t have to compile our module. Skiyo only need to add the –add-module parameter when compiling HTML tags tutorial.

Also, nginx rewrite is required to use the PCRE library, so before compiling nginx, please compile and install pcre.

Then go to the nginx directory and configure

View Code

1
./configure --prefix=/home/www/nginx --user=www --group=www --add-module=/home/www/download/ngx_hello_world --with-cc-opt="-I /home/www/pcre/include" --with-ld-opt="-L /home/www/pcre/lib"

After –add-module is the directory address of our module. This directory contains the config file just written. The latter two are the directories that specify pcre. If you do not specify the installation directory when you configure pcre, you can remove these two parameters.

After the compilation is complete, our module is “fitted” with the nginx main programs.

At this point we enter nginx.conf and add the following information to your server block:

View Code

1
2
3
location /hello {
	ngx_hello_world;
}

Then start nginx, then open your server / hello can see the output hello world information. If you are interested, you can use PHP to write a Hello World, and then press to compare performance:)

Leave a Reply

Tags:,