Web Technology Experts Notes

Thursday, 25 August 2016

How to put online your WampServer? - Access Local code globally

We have done some R&D on How to Put Online Your WampServer?
Now, If any one have code in their local WampServer.
For Example:

http://localhost/myproject1

Access with

http://192.168.0.17/myproject1

It can be access with globally using the same network.

Benefits:
Suppose you have code in local system, But you want to test the functionality in different Mobile devices and Ipad.
With use of this, you can do the same without push the code in LIVe.

Question:How to do this?
Following the Below steps.
Step 1
Get to know the your Private IP.
Go to command prompt and type ipconfig and press enter. You will get simiar to following response.

C:\>ipconfig
  Connection-specific DNS Suffix  . :
  IP Address. . . . . . . . . . . . : 192.168.0.17
  Subnet Mask . . . . . . . . . . . : 255.255.255.0
  Default Gateway . . . . . . . . . : 192.168.1.1

Now 192.168.0.17 is your local Ip Address.
Step 2
Make sure Windows Firewall is disabled
How to check/update windows firewall
Control Panel=>System and Security=>Windows Firewall=>Turn windows firewall on/off

Step 3
means

http://192.168.0.17/myproject1

can be access globally within same network.

Question:How to apache listen multiple port?
Each system have one unique Ip Address.
But you can set multiple port with same ip address.
Open httpd.conf file in your wamp server
I have http.conf in following location.

E:\wamp\bin\apache\apache2.2.22\conf\httpd.conf

Add following port as below after "Listen 80"

Listen 5555
Listen 5556
Listen 5557
Listen 5558

(I have added port 5555-5558, you can choose your own)

Question: I am using Virtual host for my local websites? Can we access globally for this also?
Yes, You can do the same. Just add the following code in your http-vhosts.conf file.

<VirtualHost 192.168.0.17:5555>
DocumentRoot "E:\wamp\www\myproject2\public_html"
<Directory "E:\wamp\www\myproject2\public_html">
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

Please modify URL and IP Address above as per your system.

Now can Access With

http://192.168.0.17:5555

Wednesday, 24 August 2016

Braintree payment with Paypal OR Credit card - Easy Payment

Braintree Payment Form

Pay with Credit Card

Pay with Paypal


<div>
<form action="/payment.php" id="checkout" method="post">
<div id="payment-form">
</div>
<input type="submit" value="Pay $10" />
    </form>
</div>
<script src="https://js.braintreegateway.com/js/braintree-2.27.0.min.js"></script>
<script>
    var clientToken = "eyJ2ZXJzaW9uIjoyLCJhdXRob3JpemF0aW9uRmluZ2VycHJpbnQiOiJlZDMyNDY2YmY3NjEyODAxZTk1YmVkMzYyY2Y2NzQ5OThjZWJlZGU2OTgzMDI4MzY3NmJmOTZhNDI0NzI1YTJkfGNyZWF0ZWRfYXQ9MjAxNi0wOC0yNFQwNjowNzo1NS43MTUzNDUyNDIrMDAwMFx1MDAyNm1lcmNoYW50X2lkPTM0OHBrOWNnZjNiZ3l3MmJcdTAwMjZwdWJsaWNfa2V5PTJuMjQ3ZHY4OWJxOXZtcHIiLCJjb25maWdVcmwiOiJodHRwczovL2FwaS5zYW5kYm94LmJyYWludHJlZWdhdGV3YXkuY29tOjQ0My9tZXJjaGFudHMvMzQ4cGs5Y2dmM2JneXcyYi9jbGllbnRfYXBpL3YxL2NvbmZpZ3VyYXRpb24iLCJjaGFsbGVuZ2VzIjpbXSwiZW52aXJvbm1lbnQiOiJzYW5kYm94IiwiY2xpZW50QXBpVXJsIjoiaHR0cHM6Ly9hcGkuc2FuZGJveC5icmFpbnRyZWVnYXRld2F5LmNvbTo0NDMvbWVyY2hhbnRzLzM0OHBrOWNnZjNiZ3l3MmIvY2xpZW50X2FwaSIsImFzc2V0c1VybCI6Imh0dHBzOi8vYXNzZXRzLmJyYWludHJlZWdhdGV3YXkuY29tIiwiYXV0aFVybCI6Imh0dHBzOi8vYXV0aC52ZW5tby5zYW5kYm94LmJyYWludHJlZWdhdGV3YXkuY29tIiwiYW5hbHl0aWNzIjp7InVybCI6Imh0dHBzOi8vY2xpZW50LWFuYWx5dGljcy5zYW5kYm94LmJyYWludHJlZWdhdGV3YXkuY29tLzM0OHBrOWNnZjNiZ3l3MmIifSwidGhyZWVEU2VjdXJlRW5hYmxlZCI6dHJ1ZSwicGF5cGFsRW5hYmxlZCI6dHJ1ZSwicGF5cGFsIjp7ImRpc3BsYXlOYW1lIjoiQWNtZSBXaWRnZXRzLCBMdGQuIChTYW5kYm94KSIsImNsaWVudElkIjpudWxsLCJwcml2YWN5VXJsIjoiaHR0cDovL2V4YW1wbGUuY29tL3BwIiwidXNlckFncmVlbWVudFVybCI6Imh0dHA6Ly9leGFtcGxlLmNvbS90b3MiLCJiYXNlVXJsIjoiaHR0cHM6Ly9hc3NldHMuYnJhaW50cmVlZ2F0ZXdheS5jb20iLCJhc3NldHNVcmwiOiJodHRwczovL2NoZWNrb3V0LnBheXBhbC5jb20iLCJkaXJlY3RCYXNlVXJsIjpudWxsLCJhbGxvd0h0dHAiOnRydWUsImVudmlyb25tZW50Tm9OZXR3b3JrIjp0cnVlLCJlbnZpcm9ubWVudCI6Im9mZmxpbmUiLCJ1bnZldHRlZE1lcmNoYW50IjpmYWxzZSwiYnJhaW50cmVlQ2xpZW50SWQiOiJtYXN0ZXJjbGllbnQzIiwiYmlsbGluZ0FncmVlbWVudHNFbmFibGVkIjp0cnVlLCJtZXJjaGFudEFjY291bnRJZCI6ImFjbWV3aWRnZXRzbHRkc2FuZGJveCIsImN1cnJlbmN5SXNvQ29kZSI6IlVTRCJ9LCJjb2luYmFzZUVuYWJsZWQiOmZhbHNlLCJtZXJjaGFudElkIjoiMzQ4cGs5Y2dmM2JneXcyYiIsInZlbm1vIjoib2ZmIn0";

    braintree.setup(clientToken, "dropin", {
        container: "payment-form"
    });
</script>

Demo

After Successfully payment with Credit Card OR Paypal, Server will an Get Response similar to below.

Array
(
    [payment_method_nonce] => e91cdbff-d914-485f-817a-51f473b18445
)

This token is known as payment nonce. You can use this nonce once and can be used to get the payment from user account.

$paymentNonce=$POST[payment_method_nonce];//this is nonce
$result = Braintree_Transaction::sale([
  'amount' => '10.00',
  'paymentMethodNonce' => $paymentNonce,
  'options' => [
    'submitForSettlement' => True
  ]
]);