Integrate Alibaba captcha in AEMaacs
Hi,
Do you have any specific questions besides whether someone has experience with this product? I have integrated various types of CAPTCHAs besides Google for different sites, and generally, you shouldn't encounter any issues. The documentation looks good. Just keep in mind to load this on demand to avoid performance issues.
Hope this helps
Esteban Bustamante
Just a friendly reminder: this is not an AEM-specific question but a broader question about using Alibaba's captcha. For more detailed assistance, feel free to consult other forums or Alibaba's official support. However, a quick look at the documentation shows that, if you follow the Integration Guide here: Integration Guide, it states that once you purchase the product, you will receive the credentials needed to invoke and verify the captcha.
In other words, with the credentials you obtain after purchasing the product, you can use something like this (as shown in the Alibaba documentation):
// 1. Integrate the main JavaScript code.
<script type="text/javascript" src="https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js"></script>
// 2. Create a <script> tag to call the initializer function initAliyunCaptcha.
<script>
let captcha;
// Pop-up CAPTCHA
initAliyunCaptcha({
SceneId: 'c9h3****', // The scenario ID.
prefix: '89****', // The identity of the CAPTCHA 2.0 instance that you purchase.
mode: 'popup', // The CAPTCHA mode.
element: '#captcha-element',
button: '#button', // The element that triggers the pop-up CAPTCHA window.
captchaVerifyCallback: captchaVerifyCallback,
onBizResultCallback: onBizResultCallback,
getInstance: getInstance,
slideStyle: {
width: 360,
height: 40,
},
language: 'cn',
region: 'cn'
});
The initAliyunCaptcha() from the Alibaba JS framework will verify and validate, so all the calls, endpoints, etc are handled internally for that function. Please check the documentation that explains how to use the callbacks to interact with the verification response (captchaVerifyCallback).
Hope this helps.
Esteban Bustamante
@SRC_AEM_DEV, is this a different issue you're facing now? It doesn’t seem like you originally asked about this. I would suggest tackling one issue per thread. If your original question has been resolved, please close this thread and open a new one for the current issue. This approach keeps the discussions cleaner and more organized, which benefits all community members.
The error is clear: the "aem-analyzer" plugin detects that your "aliyun" dependency won’t be available at runtime (when your code runs on AEM) with the current bundle configuration. To resolve this, you need to wrap this external dependency as part of your bundle so that it can be deployed into the AEM instance.
For more details on how to solve this issue, please check this link: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/getting-error-while-buildi....
Hope this helps.
Esteban Bustamante
@SRC_AEM_DEV Did you find the suggestions from users helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!
Kautuk Sahni
@SRC_AEM_DEV It looks like you have updated the original question, which suggests that your initial query about the JS library has been resolved and you now understand how to use it. If your original question has indeed been resolved, please close this thread and open a new one for the current dependency issue. This approach keeps discussions cleaner and more organized, benefiting all community members.
cc: @kautuk_sahni
Esteban Bustamante
Related Conversations
