Solved Add Google recaptcha

[peopleinside]

@Sanjeev Yes, thanks!
As I said I was able to insert and see the visual ReCaptcha but unable to ask as mandatory and see the login form working.

Without a guide to how to do I will not be able to insert ReCaptcha there.
Thanks anyway made a more stronger password for the operator.

[Sanjeev]

@peopleinside
You need to define a name field for recaptcha as same we have added for input field.

https://github.com/uvdesk/core-framework/blob/master/Resources/views/login.html.twig#L35

And make it required here as same we did for _username.
https://github.com/uvdesk/core-framework/blob/master/Resources/views/login.html.twig#L94

And check if it works for you !!

[peopleinside]

@Sanjeev great, thanks! Maybe I forget the input type!
I will try, thanks!

[peopleinside]

@Sanjeev nothing, still unable to do.
I give up

[peopleinside]

Issues: https://forums.uvdesk.com/topic/1869/issue-with-recaptcha

[darikelwan]

i also want to add Google recaptchabut facing some issues in API call, try this method.

Darik elwan

[peopleinside]

I created a GitHub issue requesting a better management of the reCaptcha.
https://github.com/uvdesk/community-skeleton/issues/368

[Sanjeev]

@peopleinside

We also want to provide recaptcha but the problem is a key need to generate for your site from https://www.google.com/recaptcha/ here to use recaptcha into your site and which is unique code for the site as project is opensource(no fix domain or site) so person need to set it up for themselves.

But still we will check if we just write code for that and once you enter your recaptcha code for your site then it will enable for you !!

[peopleinside]

@Sanjeev I use other application different from uvdesk, for example a live chat system.
I know is possibile add an option in the admin side where user can activate reCaptcha.

For example in live helper chat you have a setting where you can set the secret code for reCaptcha than activate.
If reCaptcha is active is showed on login page, if not is not active and not showed.

The same should be possible also in Uvdesk.

[Sanjeev]

@peopleinside

Is live chat self hosted ?

[peopleinside]

@Sanjeev yes it is. I use on my server.
https://helpdesk.peopleinside.it/it/
https://livehelperchat.com/3.07-google-re-captcha-in-login-window-522a.html
https://livehelperchat.com/demo-12c.html
https://demo.livehelperchat.com/site_admin/system/recaptcha

[Sanjeev]

@peopleinside

Fine, We will check the possibility with our system and will try to add this.

[peopleinside]

@Sanjeev will be very useful. Thanks.
I updated my previous reply with more link. You have also live helper chat demo online to see how it looks on admin side.

[ali sami farooq]

This thread is very interesting and gives a good knowledge , i will try to add google recaptcha by this method ~ Ali Sami Farooq

[Sanjeev]

@peopleinside

Please generate Recaptcha keys (site key and secret key) for your domain if you need Recaptcha for your site we have updated the code for the same but need to test it for a live domain.

When you will be available reply back to us will will process further.

[peopleinside]

@Sanjeev I'm ready and I'm already use the recaptcha but only on ticket creation. You can find me on Skype if you need or let me know how can I help you.

[Sanjeev]

@peopleinside

Have you generated site key and secret key for your domain for google recaptcha?

[peopleinside]

@Sanjeev Sure

[Sanjeev]

@peopleinside

Ok please take a backup of your current project and apply the changes for a new one.

For generating recaptcha site key and secret key for your domain take help from here.

Step 1.

Delete your core-framework and support-center-bundle under vendor/uvdesk folder of your project.

And clone both bundle using command below at the same place (under vendor/uvdesk folder)

git clone https://github.com/uvdesk/core-framework
git clone https://github.com/uvdesk/support-center-bundle

[Sanjeev]

Step 2.

Open config/packages folder of your project.
You will see two files here twig.yaml and uvdesk.yaml

Update below 3 keys in twig.yaml

 is_google_captcha_enabled: '%is_google_captcha_enabled%'
 recaptcha_site_key: '%recaptcha_site_key%'
 recaptcha_secret_key: '%recaptcha_secret_key%'

In uvdesk.yaml update below lines:

    is_google_captcha_enabled: true
    recaptcha_site_key: 'site_key'
    recaptcha_secret_key: 'secret_key'

Finally clear your cache using below command:

php bin/console c:c