Can I send data from an external page to the vanilla login page?

kudeta21

Hi, I want to input my login credentials on my external page, and after submitting, I want the data to appear on the vanilla forum page.

x00

with jQuery

<div id="sign_in_form"></div>
<script>
var url_to_forum = 'http://somesite.com/forum'; // set you url here. 
// load sign in form
$( '#sign_in_form').load( url_to_forum + '/entry/signin?DeliveryType=VIEW #Form_User_SignIn', function(){
    // make action url absolute. 
    var form = $( '#sign_in_form #Form_User_SignIn');
    form.attr('action', url_to_forum + form.attr('action'));
});
</script>

presuming it is on the same domain.

kudeta21

@R_J said:
I'm no JavaScript guy but here is a working example for curl: https://vanillaforums.org/discussion/comment/240977/#Comment_240977

You would have to do the same steps in JavaScript:
1. GET request the signin page
2. extract TransientKey and ClientHour
3. make a POST request with the fields mentioned in the linked comment
4. based on the result of the request you would know if the login was successful

But what I do not understand is that you say that your page is a static page. To my understanding a static page contains all information and doesn't fetch additional information from a server.
Since the page already contains all information, anyone would be able to see everything by just inspecting the html source code. Why do you need a authentication?

yes it is a static since it has all the information, i just need to login through that homepage rather than redirecting to sign in page

@x00 said:
with jQuery

<div id="sign_in_form"></div>
<script>
var url_to_forum = 'http://somesite.com/forum'; // set you url here. 
// load sign in form
$( '#sign_in_form').load( url_to_forum + '/entry/signin?DeliveryType=VIEW #Form_User_SignIn', function(){
    // make action url absolute. 
    var form = $( '#sign_in_form #Form_User_SignIn');
    form.attr('action', url_to_forum + form.attr('action'));
});
</script>

presuming it is on the same domain.

thanks for helping! it's working.

hgtonight

Yes, but that would probably be a poor implementation.

What exactly are you trying to achieve?

kudeta21

I want to register or login thru my homepage .

hgtonight

You are looking for single sign on (SSO). Vanilla offers jsConnect libraries for software that isn't already supported.

Is your homepage custom software?

kudeta21

@hgtonight said:
You are looking for single sign on (SSO). Vanilla offers jsConnect libraries for software that isn't already supported.

Is your homepage custom software?

Yes it is custom, but it has no database. it a static page. I want to use the forums database.

hgtonight

Ok, you can just request the sign in form via JS and then they post directly to the forum complete with transient key.

http://forums.example.com/entry/signin?DeliveryType=VIEW

kudeta21

I'm sorry I'm too noob to this can you tell me how?

vrijvlinder

@kudeta21 said:
I'm sorry I'm too noob to this can you tell me how?

That depends.. If I understand you correctly, you want to use this page as a landing page of your website and you want to add a link to the vanilla sign in form from that page ?

You could add a link that opens the sign in form. It will redirect the page to the forum once logged in.

<a href="http://url to your forum/entry/signin">Sign-In</a>

Or do you want to add a sign in form to that page ?

kudeta21

@vrijvlinder said:

@kudeta21 said:
I'm sorry I'm too noob to this can you tell me how?

That depends.. If I understand you correctly, you want to use this page as a landing page of your website and you want to add a link to the vanilla sign in form from that page ?

You could add a link that opens the sign in form. It will redirect the page to the forum once logged in.

<a href="http://url to your forum/entry/signin">Sign-In</a>

Or do you want to add a sign in form to that page ?

as of now, i add a link to the vanilla sign in page. but I want to add a sign in form to the landing page

R_J

I'm no JavaScript guy but here is a working example for curl: https://vanillaforums.org/discussion/comment/240977/#Comment_240977

You would have to do the same steps in JavaScript:
1. GET request the signin page
2. extract TransientKey and ClientHour
3. make a POST request with the fields mentioned in the linked comment
4. based on the result of the request you would know if the login was successful

But what I do not understand is that you say that your page is a static page. To my understanding a static page contains all information and doesn't fetch additional information from a server.
Since the page already contains all information, anyone would be able to see everything by just inspecting the html source code. Why do you need a authentication?

x00

with jQuery

<div id="sign_in_form"></div>
<script>
var url_to_forum = 'http://somesite.com/forum'; // set you url here. 
// load sign in form
$( '#sign_in_form').load( url_to_forum + '/entry/signin?DeliveryType=VIEW #Form_User_SignIn', function(){
    // make action url absolute. 
    var form = $( '#sign_in_form #Form_User_SignIn');
    form.attr('action', url_to_forum + form.attr('action'));
});
</script>

presuming it is on the same domain.

kudeta21

@R_J said:
I'm no JavaScript guy but here is a working example for curl: https://vanillaforums.org/discussion/comment/240977/#Comment_240977

You would have to do the same steps in JavaScript:
1. GET request the signin page
2. extract TransientKey and ClientHour
3. make a POST request with the fields mentioned in the linked comment
4. based on the result of the request you would know if the login was successful

But what I do not understand is that you say that your page is a static page. To my understanding a static page contains all information and doesn't fetch additional information from a server.
Since the page already contains all information, anyone would be able to see everything by just inspecting the html source code. Why do you need a authentication?

yes it is a static since it has all the information, i just need to login through that homepage rather than redirecting to sign in page

@x00 said:
with jQuery

<div id="sign_in_form"></div>
<script>
var url_to_forum = 'http://somesite.com/forum'; // set you url here. 
// load sign in form
$( '#sign_in_form').load( url_to_forum + '/entry/signin?DeliveryType=VIEW #Form_User_SignIn', function(){
    // make action url absolute. 
    var form = $( '#sign_in_form #Form_User_SignIn');
    form.attr('action', url_to_forum + form.attr('action'));
});
</script>

presuming it is on the same domain.

thanks for helping! it's working.