{"componentChunkName":"component---src-pages-markdown-remark-fields-slug-js","path":"/engineering/best-practice-reviewing-qq-app/","result":{"data":{"markdownRemark":{"id":"164e3e30-f61c-5289-990a-b727008e6b86","excerpt":"QQ is the most popular ID provider for Chinese people since the 90s, it is always the first choice for websites who want to provide social login functionality…","html":"<p>QQ is the most popular ID provider for Chinese people since the 90s, it is always the first choice for websites who want to provide social login functionality for their Chinese users. But similar to other ID providers from China, the app you created needs to be reviewed before actually launching it. Reading Chinese and using Google translate for each line is not that much of fun, and in this tutorial we will go through step by step to figure out how to submit a QQ app for review. Do note: You can always download a Google translate extension for your browser to translate each page to English, it would probably be the easiest way for you, but here I decide to keep it Chinese, Let's go.</p>\n<ol>\n<li>\n<h3 id=\"navigatetoqq-connect\" style=\"position:relative;\"><a href=\"#navigatetoqq-connect\" aria-label=\"navigatetoqq connect permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Navigate to <a href=\"http://connect.qq.com/\">QQ Connect</a></h3>\n<p>And click the 4th tab (in orange box)  </p>\n<p><img src=\"/1e471ae6e8365101fbe4a9c7296e4e47/Homepage.webp\" alt=\"homepage\"></p>\n</li>\n<li>\n<h3 id=\"registration\" style=\"position:relative;\"><a href=\"#registration\" aria-label=\"registration permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Registration</h3>\n<p>After being redirected to <a href=\"http://connect.qq.com/manage/login\">QQ connect login page</a>, it asks you to fill in your credentials, since I do not have one, I will register for one and feel free to skip this step if you have already got one.</p>\n<p>Click \"register a new account\", like shown:</p>\n<p><img src=\"/1c0bbd07a188d6d438744a550420d86e/qq-register-1024x630.webp\" alt=\"qq-register-1024x630\"></p>\n<p>It will link you to <a href=\"http://zc.qq.com/en/index.html?from=pt\">this page</a>, it is written in English, sweet! I am pretty sure you can register an account by yourself. After filling in the information, it will send a confirmation email to your email box. After your email is verified go back to the <a href=\"http://connect.qq.com/manage/login\">login page</a>, and use the QQ number you just got to log in with.</p>\n</li>\n<li>\n<h3 id=\"creating-the-app\" style=\"position:relative;\"><a href=\"#creating-the-app\" aria-label=\"creating the app permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Creating the app</h3>\n<p>Click the big green button on the right side of your screen to create an app, and here we will create a website type app.</p>\n<p><img src=\"/efecc1723dfcac4943a5541312d18568/create_app_button.webp\" alt=\"create_app_button\"></p>\n<p><img src=\"/bb296d7f0b77622e64423ec0f449a9d6/app_for_website.webp\" alt=\"app_for_website\"></p>\n<p>After choosing the type, you need to fill in some basic information for your website, in case if you do not use Google translate to translate the page, I did a little translations for you, there you go.</p>\n<p><img src=\"/85e10e98e19b08208dc6722ad5e69594/form_with_english_translations.webp\" alt=\"form_with_english_translations\"></p>\n<p>Here is what I have filled in  </p>\n<p><img src=\"/7d63cb37fb35e7163ef95355d8bb8212/lucius_fillin_info.webp\" alt=\"lucius_fillin_info\"></p>\n<p>Please note, when you fill in your website address, it will ask you to verify your website, so you need to copy and paste the javascript code under your website page, and then click the button beside to verify it.<br>\n<img src=\"/ca8336a9ed2b248ee97a6eb1a3cd0bbc/verify_successfully.webp\" alt=\"verify_successfully\"></p>\n<p>Once all the information is filled, then move on to next step, click the blue text link, it asks you to upload different sizes of the images about your company.</p>\n<p><img src=\"/13ba67f441a205f81b2c425f9608dcc3/add_assets.webp\" alt=\"add_assets\"></p>\n<p><img src=\"/45a7497b33aa36de0bbef1a7e3272ba4/upload_different_assets.webp\" alt=\"upload_different_assets\"><br>\nThen, it is time to submit by clicking that big green button in the middle.</p>\n<p><img src=\"/aa92403791a783a4bdbd7f83b1d49625/app_submit.webp\" alt=\"app_submit\"></p>\n<p>Confirm it by clicking the right button again.</p>\n<p><img src=\"/05cda5b360d4835592e4df6034f88feb/confirm_submit.webp\" alt=\"confirm_submit\"></p>\n</li>\n</ol>\n<p>If everything works well, you will get you app approved in a week, just remember to check it back periodically, good luck!</p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n  }\n  \n  .grvsc-code {\n    display: inline-block;\n    min-width: 100%;\n  }\n  \n  .grvsc-line {\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-line-highlighted {\n    background-color: var(--grvsc-line-highlighted-background-color, transparent);\n    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);\n  }\n  \n</style>","headings":[{"value":"Navigate to QQ Connect","depth":3},{"value":"Registration","depth":3},{"value":"Creating the app","depth":3}],"fields":{"slug":"/engineering/best-practice-reviewing-qq-app/"},"frontmatter":{"metatitle":null,"metadescription":null,"description":null,"title":"Best practice for reviewing QQ app","canonical":null,"date":"August 04, 2015","updated_date":null,"tags":["SocialLogin","QQ"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1,"src":"/static/a89009e858e98fb020d251158f47dd23/7dba5/qq-app-review-best-practices.webp","srcSet":"/static/a89009e858e98fb020d251158f47dd23/1c9b5/qq-app-review-best-practices.webp 200w,\n/static/a89009e858e98fb020d251158f47dd23/f1752/qq-app-review-best-practices.webp 400w,\n/static/a89009e858e98fb020d251158f47dd23/7dba5/qq-app-review-best-practices.webp 610w","sizes":"(max-width: 610px) 100vw, 610px"}}},"author":{"id":"Kundan Singh","github":null,"bio":"Director of Product Development @ LoginRadius.","avatar":null}}}},"pageContext":{"id":"164e3e30-f61c-5289-990a-b727008e6b86","fields__slug":"/engineering/best-practice-reviewing-qq-app/","__params":{"fields__slug":"engineering"}}},"staticQueryHashes":["1171199041","1384082988","1711371485","1753898100","2100481360","229320306","23180105","528864852"]}