{"id":13572,"date":"2024-06-06T23:53:54","date_gmt":"2024-06-06T15:53:54","guid":{"rendered":"https:\/\/www.szlogic.net\/?p=13572"},"modified":"2025-04-20T01:10:10","modified_gmt":"2025-04-19T17:10:10","slug":"weixin-login","status":"publish","type":"post","link":"https:\/\/www.szlogic.net\/en\/learn\/weixin-login\/","title":{"rendered":"Applying for WeChat Open Platform Application's AppID and AppSecret"},"content":{"rendered":"<h1 class=\"wp-block-heading has-text-align-center\">WeChat Website QR Code Login: AppID &amp; AppSecret Guide<\/h1>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1448\" height=\"1046\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/WordPress\u7f51\u7ad9\u7ba1\u7406\u591a\u5408\u4e00\u63d2\u4ef6\u5fae\u4fe1\u5355\u70b9\u767b\u9646.png\" alt=\"WordPress\u7f51\u7ad9\u7ba1\u7406\u591a\u5408\u4e00\u63d2\u4ef6\u5fae\u4fe1\u5355\u70b9\u767b\u9646\" class=\"wp-image-13520\"\/><\/figure>\n\n\n\n<p class=\"translation-block\">To enable the WeChat Scan Code Login (WeChat SSO login) feature of the \u201cAll-In-One Website Management\u201d plugin, you need to correctly configure the AppID and AppSecret keys of the <strong><a href=\"https:\/\/open.weixin.qq.com\/\" data-type=\"link\" data-id=\"https:\/\/open.weixin.qq.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WeChat Open Platform<\/a><\/strong> within the plugin\u2019s settings, allowing the All-In-One Website Management plugin to successfully integrate the WeChat Open Platform interface into the <strong><a href=\"https:\/\/wordpress.org\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WordPress<\/a><\/strong> website. To obtain the AppID and AppSecret keys, you must first apply for an account on the WeChat Open Platform. After the account is successfully registered and logged in, proceed to \u201cCreate Website Application.\u201d The AppID and AppSecret required for WeChat Scan Code Login are actually the credentials of the website application created on the WeChat Open Platform. WeChat website applications are generally used to connect with websites to enable WeChat-based registration and login functionalities.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e00\u3001Creating a Website Application<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Select \"Website Application\" to create a website application.<\/h3>\n\n\n\n<p>After successfully logging into the WeChat Open Platform account, the page will look as shown below. The red box in the image highlights the types of WeChat applications that can be created. Choose \u201cWebsite Application\u201d to proceed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2367\" height=\"1280\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u5f00\u653e\u5e73\u53f0\u7684\u5e94\u7528.png\" alt=\"\u5fae\u4fe1\u5f00\u653e\u5e73\u53f0\u7684\u5e94\u7528\" class=\"wp-image-13679\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After selecting the website application, as shown in the figure below, continue to click the \"Create Website Application\" button marked with a red box in the figure below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2430\" height=\"1247\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u5f00\u653e\u5e73\u53f0\u521b\u5efa\u7f51\u7ad9\u5e94\u7528.png\" alt=\"\u5fae\u4fe1\u5f00\u653e\u5e73\u53f0\u521b\u5efa\u7f51\u7ad9\u5e94\u7528\" class=\"wp-image-13680\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Fill in basic information<\/h3>\n\n\n\n<p class=\"translation-block\">After clicking the \u201cCreate Website Application\u201d button, the page will redirect to the basic information entry page required for creating the application. Fill in each field of the application\u2019s basic information according to the instructions below. <mark style=\"color:#e41a1a\" class=\"has-inline-color\"><strong>Please note that when you enter the basic information entry page, you do not need to start filling it out immediately, because there is a step that must be completed in advance\u2014creating a website application requires you to first download the \u201cWebsite Information Registration Form,\u201d fill it in, sign it, and stamp it. Once all requirements are correctly met, upload the scanned copy.<\/strong><\/mark><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2561\" height=\"2722\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u7533\u8bf7\u5fae\u4fe1\u5e94\u7528\u586b\u5199\u57fa\u7840\u4fe1\u606f-.png\" alt=\"\u7533\u8bf7\u5fae\u4fe1\u5e94\u7528\u586b\u5199\u57fa\u7840\u4fe1\u606f\" class=\"wp-image-13681\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Explanation of the Required Fields for Basic Information:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website Application Name (Required): The name of the created website application, which will appear at the bottom of the WeChat QR code for login and on the interface after scanning the QR code with WeChat.<\/li>\n\n\n\n<li>English Name (Optional): The English name of the created website application, which will be displayed in the English version of WeChat.<\/li>\n\n\n\n<li>Website Application Description (Required): A brief one-sentence introduction of the created WeChat application.<\/li>\n\n\n\n<li>English Description (Optional): This can either be left blank or filled with the English version of the application description.<\/li>\n\n\n\n<li>Official Website (Required): The domain name used by the website application. When entering, do not include the \"https:\/\/\" protocol prefix or the trailing \"\/\" at the end of the URL. Simply input the domain with \"www\".<\/li>\n\n\n\n<li class=\"translation-block\">Scanned Copy of the Website Information Registration Form (Must Be Uploaded): Please refer to the requirements and standards for filling out the Website Information Registration Form, and verify your form against the scanned copy of the Website Information Registration Form from the website application already created by <strong><a href=\"https:\/\/www.szlogic.net\/en\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Logic Digital Technology<\/a><\/strong>. It is important to note that, except for the responsible person\u2019s signature which must be handwritten, all other content should be typed on a computer after downloading the form.<\/li>\n\n\n\n<li>Website application pictures (must be uploaded): PNG files of two sizes, 28*28 and 108*108 pixels, are required. Note that only PNG is supported and must be uploaded accordingly.<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\"><strong>Scanned Copy Of The Website Information Registration Form<\/strong> (Be Sure To Review The Format Examples For Each Entry. If There Are Duplicate Items With The Above Sections, The Content On The Website Information Registration Form Must Be Consistent With That On The Basic Information Entry Page):<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1101\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u521b\u5efa\u5e94\u7528\u7f51\u7ad9\u4fe1\u606f\u767b\u8bb0\u8868.png\" alt=\"\u5fae\u4fe1\u521b\u5efa\u5e94\u7528\u7f51\u7ad9\u4fe1\u606f\u767b\u8bb0\u8868\" class=\"wp-image-13684\"\/><\/figure>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After completing the above operations, click the \"Next\" button at the bottom of the page to enter the third step of creating a website application, which is the \"Fill in website information\" step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Fill in website information<\/h3>\n\n\n\n<p class=\"translation-block\">The \u201cFill In Website Information\u201d page requires only one field to be completed, as indicated by the red box in the image below. You only need to enter the authorized callback domain for the WeChat website application. The authorized callback domain should match the domain of the \u201cApplication Official Website\u201d, and the domain format must also be consistent\u2014do not include the \u201chttps:\/\/\u201d protocol prefix or a trailing \u201c\/\u201d. After entering the information, click the \u201cSubmit For Review\u201d button at the bottom of the page. At this point, all steps for creating a WeChat website application have been completed. Next, wait for the review to be approved, which typically takes 1\u20132 days. Check the application status in the website application list the next day. If the application status is marked as \u201cApproved\u201d, it means the application can now obtain the AppID and AppSecret keys, and use them directly in Logic Digital Technology\u2019s <strong><a href=\"https:\/\/www.szlogic.net\/en\/plugins-info\/6\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/plugins-info\/6\" target=\"_blank\" rel=\"noreferrer noopener\">Website Manager All-In-One<\/a><\/strong> plugin, enabling users to register and log in to the WordPress site\u2019s member center by scanning a QR code with WeChat.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2218\" height=\"1280\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u521b\u5efa\u7f51\u7ad9\u5e94\u7528\u586b\u5199\u7f51\u7ad9\u4fe1\u606f.png\" alt=\"\u5fae\u4fe1\u521b\u5efa\u7f51\u7ad9\u5e94\u7528\u586b\u5199\u7f51\u7ad9\u4fe1\u606f\" class=\"wp-image-13685\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Check the review status of the WeChat website application as shown in the figure below. If the status is marked as \"under review\", it means that the application is not yet available for use. The status marked as \"passed\" means that it can be used.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2421\" height=\"955\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u5217\u8868\u7684\u5e94\u7528\u72b6\u6001.png\" alt=\"\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u5217\u8868\u7684\u5e94\u7528\u72b6\u6001\" class=\"wp-image-13686\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u2161\u3001Check the AppID of WeChat website application and obtain the AppSecret key<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Enter the details page that the WeChat website should have<\/h3>\n\n\n\n<p>Click the \"View\" anchor text in the WeChat website application list as marked in the red box below to enter the website application details page<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2435\" height=\"1174\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u70b9\u51fb\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u7684\u67e5\u770b\u64cd\u4f5c.png\" alt=\"\u70b9\u51fb\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u7684\u67e5\u770b\u64cd\u4f5c\" class=\"wp-image-13689\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Copy AppID and reset AppSecret to obtain the key<\/h3>\n\n\n\n<p>As shown in the red box below, copy and save the AppID in the details page of the WeChat website application. The WeChat website application will not display the AppSecret key. You need to click the \"Reset\" anchor text next to AppSecret to pop up the AppSecret key. After the AppSecret key window pops up, remember to copy and save the key before closing the window. The AppSecret key of the WeChat website application can only be displayed once in this way.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2360\" height=\"1291\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u7f51\u7ad9\u5e94\u7528\u7684AppID\u548cAppSecret.png\" alt=\"\u7f51\u7ad9\u5e94\u7528\u7684AppID\u548cAppSecret\" class=\"wp-image-13699\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u2162\u3001 Enter the AppID and AppSecret key of the WeChat website application into the \"Website Management All-in-One\" plug-in<\/h2>\n\n\n\n<p>After copying and pasting the AppID and AppSecret keys into the corresponding input boxes, click the \"Save Changes\" button at the bottom of the plug-in settings page to complete the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2507\" height=\"1226\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2024\/06\/\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u662fAppID\u548cAppSecret\u8f93\u5165\u5230\u63d2\u4ef6.png\" alt=\"\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u662fAppID\u548cAppSecret\u8f93\u5165\u5230\u63d2\u4ef6\" class=\"wp-image-13690\"\/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"translation-block\"><strong>Conclusion:<\/strong> The above is the full content of the article \u201cApplying For AppID And AppSecret For WeChat Website Application QR Code Login.\u201d By following the operational steps provided in this article, readers will be able to create a WeChat website application on their own. Once the application status is marked as \u201cApproved,\u201d the AppID and AppSecret can be obtained. By correctly entering the AppID and AppSecret keys into the Website Manager All-In-One plugin developed by Logic Digital Technology, the website\u2019s WeChat Single Sign-On (SSO) login functionality can be successfully implemented.<\/p>\n\n\n\n<p><strong>Logic Digital Technology (SZLOGIC) All rights reserved. Reproduction is prohibited.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>\u7533\u8bf7\u5fae\u4fe1\u7f51\u7ad9\u5e94\u7528\u626b\u7801\u767b\u9646\u7684AppID\u548cAppSecret \u8981\u5b9e\u73b0\u201c\u7f51\u7ad9\u7ba1\u7406\u591a\u5408\u4e00\u201d\u63d2\u4ef6\u7684\u5fae\u4fe1\u626b\u7801\uff08\u5fae\u4fe1\u5355\u70b9\u767b\u9646 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":13573,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[91,180],"tags":[],"class_list":["post-13572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","category-member-content"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/posts\/13572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/comments?post=13572"}],"version-history":[{"count":14,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/posts\/13572\/revisions"}],"predecessor-version":[{"id":23759,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/posts\/13572\/revisions\/23759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/media\/13573"}],"wp:attachment":[{"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/media?parent=13572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/categories?post=13572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.szlogic.net\/en\/wp-json\/wp\/v2\/tags?post=13572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}