Server side:
1 Obtain WeChat js accessToken
Note: access_token is the globally unique ticket of the official account, and the official account needs to use access_token when calling each interface.
Developers need to save it properly. At least 512 characters of space must be reserved for access_token storage.
The validity period of access_token is currently 2 hours and needs to be refreshed regularly.
Repeated acquisition will cause the last access_token to become invalid.
The current validity period of access_token is conveyed by the returned expire_in, which is currently a value within 7200 seconds.
The central control server needs to refresh the new access_token in advance according to this valid time.
Obtaining method:
1). Official accounts can use AppID and AppSecret to call this interface to obtain access_token.
AppID and AppSecret can be obtained from the official website of WeChat public platform - Developer Center page
(You need to have become a developer, and the account has no abnormal status)
2) .http request method:
GET: https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
3) .Return instructions: Under normal circumstances, WeChat will return the following JSON Data package to the public account:
{"access_token":"ACCESS_TOKEN","expires_in":7200}
4) Put the obtained accessToken value into the cache, and the storage time is less than 7200 seconds
2 Get jsapi_ticket
Note: jsapi_ticket is a temporary ticket used by public accounts to call the WeChat JS interface.
Under normal circumstances, the validity period of jsapi_ticket is 7200 seconds, which is obtained through access_token.
Obtaining method:
1) Use http GET method to request jsapi_ticket (valid for 7200 seconds, developers must cache jsapi_ticket globally in their own services:
2) http request method:
GET : https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
3) Return instructions: Successfully return the following JSON:
{
" errcode":0,
"errmsg":"ok",
"ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
"expires_in" :7200
}
4) Get the The jsapi_ticket value is placed in the cache, and the storage time is less than 7200 seconds
3 Generate signature
Note: The signature generation rules are as follows:
The fields involved in the signature include noncestr (random string),
Valid jsapi_ticket,
timestamp (timestamp),
url (URL of the current web page, excluding # and its following parts).
After sorting all the parameters to be signed according to the ASCII code of the field name from small to large (lexicographic order),
uses the URL key-value pair format (i.e. key1=value1&key2=value2...) to concatenate it into a string string1.
It should be noted here that all parameter names are lowercase characters.
Perform sha1 encryption on string1, use original values for field names and field values, and do not perform URL escaping.
Obtaining method:
1). After sorting all the parameters to be signed according to the ASCII code of the field name from small to large (lexicographic order), use the URL key-value pair format
(i.e. key1=value1&key2=value2 ...) spliced into string string1:
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW& timestamp=1414587457&url=http://mp.weixin.qq.com
2). Yes String1 is signed with sha1, and the signature is obtained: f4d90daf4b3bca3078ab155816175ba34c443a7b
Use Apache's commons-codec tool package. The DigestUtils class has a SHA encryption method that can be called directly..
3). Change the wx.config interface required The parameter values are all put into the cache (i.e. signature, noncestr, timestamp), and the time is less than 7200 seconds.
Notes:
1) The noncestr and timestamp used for signature must be the same as the nonceStr and timestamp in wx.config.
2) The URL used for signature must be the complete URL of the page calling the JS interface.
3) For security reasons, developers must implement signature logic on the server side.

The roles of HTML, CSS and JavaScript in web development are: 1. HTML is used to build web page structure; 2. CSS is used to beautify the appearance of web pages; 3. JavaScript is used to achieve dynamic interaction. Through tags, styles and scripts, these three together build the core functions of modern web pages.

Setting the lang attributes of a tag is a key step in optimizing web accessibility and SEO. 1) Set the lang attribute in the tag, such as. 2) In multilingual content, set lang attributes for different language parts, such as. 3) Use language codes that comply with ISO639-1 standards, such as "en", "fr", "zh", etc. Correctly setting the lang attribute can improve the accessibility of web pages and search engine rankings.

HTMLattributesareessentialforenhancingwebelements'functionalityandappearance.Theyaddinformationtodefinebehavior,appearance,andinteraction,makingwebsitesinteractive,responsive,andvisuallyappealing.Attributeslikesrc,href,class,type,anddisabledtransform

TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.

HTML is used to build websites with clear structure. 1) Use tags such as, and define the website structure. 2) Examples show the structure of blogs and e-commerce websites. 3) Avoid common mistakes such as incorrect label nesting. 4) Optimize performance by reducing HTTP requests and using semantic tags.

ToinsertanimageintoanHTMLpage,usethetagwithsrcandaltattributes.1)UsealttextforaccessibilityandSEO.2)Implementsrcsetforresponsiveimages.3)Applylazyloadingwithloading="lazy"tooptimizeperformance.4)OptimizeimagesusingtoolslikeImageOptimtoreduc

The core purpose of HTML is to enable the browser to understand and display web content. 1. HTML defines the web page structure and content through tags, such as, to, etc. 2. HTML5 enhances multimedia support and introduces and tags. 3.HTML provides form elements to support user interaction. 4. Optimizing HTML code can improve web page performance, such as reducing HTTP requests and compressing HTML.

HTMLtagsareessentialforwebdevelopmentastheystructureandenhancewebpages.1)Theydefinelayout,semantics,andinteractivity.2)SemantictagsimproveaccessibilityandSEO.3)Properuseoftagscanoptimizeperformanceandensurecross-browsercompatibility.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

SublimeText3 Mac version
God-level code editing software (SublimeText3)

SublimeText3 English version
Recommended: Win version, supports code prompts!

SublimeText3 Linux new version
SublimeText3 Linux latest version
