Thứ Ba, 19 tháng 2, 2019

Auto news on Youtube Feb 19 2019

Do you want to finally learn how to send

an email from your localhost?

In this

video I'm going to show you how to

create a contact form, how to use jQuery

to validate all inputs and how

to send an email from the localhost, so

stay with me...

before we start with this tutorial

please make sure that you have installed

some apart - like exam and also make

sure that you have one gmail account

available for use so first thing that

I'm going to do here is outer squeeze

the basic layout for our contact form

okay so I will say here contact phone

after that I'm just going to get the

bootstrap okay so we can quickly and

easily design our page

okay so I'll paste it here and after

that I will just create one container in

the container we are going to have one

row okay maybe let's just just find

content to the center then we are going

to have one column md6 with

md offset 3 and that way we are going to

have everything in the center of the

screen so maybe here I will set

everything to align to the center and

then here I will set margin top 200

pixels okay

so inside this column we are just going

to create the inputs that you are going

to need so those will be the basic input

for one contact form so let's say name

email subject and the body okay so now

let us say here name IDs name then

placeholder name and that's it okay

maybe we can add some class like form

control so I will duplicate it three

times so this one will be email okay and

then this one will be subject

so email subject and then we are just

going to have one text area and that one

will be our body okay let's say email

body and then of course we must have

some button okay so let's send an email

we will set some boost up classes okay

[Music]

and that's it so let's see what we have

created so far okay this is looking

pretty solid now the next thing that we

need to get is the jQuery so we can

quickly and easily verify this for okay

so I just like to have it in the one

line not necessary but that's what I

like okay and then here we are just

going to define some function that we

are going to call here so maybe let's

say send email so I'll say here function

send email okay and then what I want to

a tree with this function is when we

click we will actually verify that each

of those inputs for now are just not

empty so they have some value okay and

then I have some other tutorials that

you can find my YouTube channel where I

explain how to

use some advanced method to validate the

inputs but for now we'll just do

something simple so we are going to have

here name okay so all the same name then

we have few others

so it's email it's subject okay buddy

so I want to create one additional

function that I will say like if it's

not empty so what I'm trying to achieve

here is I want to be able to say like if

it's not MQ name and it's not empty

email and it's not empty subject and

it's not empty body in that case we are

going to send an email okay so let me

tell it like this you guys can see and

then here I will say that this function

receives on caller and then here we will

test it and see if core value is MQ we

are just going to say like call dot CSS

order and you can say one pixel solid

red and in that case we will return the

false else we can say caller CSS border

is empty and by default function will

return true

okay so let's test that part

okay

sent an email nothing happens

why

let's see

maybe for some reason let's try this

okay

kick now it works which is pretty much

over here is a some name email subject

body but now it works with this weird

but anyway okay cool we cannot delete

this and now what we want to do is we

just want to make an AJAX call to our

PHP side from which we are going to set

an email so let's quickly write one okay

now we'll just specify some parameters

okay so my URL is just this one the

method that I'm going to use first data

type that server will return is just

let's say JSON and then data that we are

sending to the server is let's say name

is email subtract an email okay then

here we are going to have response okay

and maybe for now let's just print the

response to them console.log okay so now

let's here verify or maybe it will be

better if we just create separate file

so that it's easier for you guys to

understand so just create another file

here so I'll go you PHP file it is an

email okay

and then here I will say if is a post

name and maybe let's see and this post

email in that case everything is good we

are going to send an email so first we

need to accept all the data that is sent

through a tracks okay so here is okay so

now that's all that we need so what we

can maybe do is verify if an email is

correct if the name has certain number

of characters if the subject is proper

length etc etc and for all of these

there are plenty of tutorials on my

youtube channel that I am showing how to

do so I'm just going to lose your time

here so for now we are looking to send

an email and for that reason we are

going to download PHP mailer class okay

so there are multiple ways on how to

download and install but I will just use

this the simplest one okay

it's gone my another monitor just a

second okay it's here so I'll taste it

he'll say extract here okay we can

delete this okay I will change the name

to the PHP mailer and then here in the

source we have all the files that we

need to help so I will just delete all

the other ones paste it here

and that's it okay

so here now you can see that we have new

folder and all the classes that we need

to help so here at the top I will define

the namespace that you are going to use

then I want to include all the necessary

files classes that we need ok so since

we are going to send through SMTP we

will need that one and then of course we

will need to include the exception class

okay so those are the three basics that

we need there are some others that you

can use but I'm going to explain that in

another tutorial ok so now first thing

that we need to do with PHP mailer is of

course to create a new object okay and

now we need to put some settings so

first I will say SMTP settings that we

need to set so first I will self is SMTP

and for this line later I will explain

and show you so that you know when you

need to have this line and when you

don't need to have that makes the big

difference depending on your local host

now the next thing that I want to set is

host so like I said we are going to use

the Gmail so for that reason we need to

set it to the Gmail then we need to set

SMTP

the authentication to the troll then we

need to specify the username so I will

just use my email then for this email we

will need to have the password I will

copy/paste it later then we need to have

port that you are going to use and now

there are two different cases that we

can use its SSL and its TLS for SSL its

465 okay and for the TLS is 587 okay and

then okay

SMTP secure is in our case as a cell but

like I said it can be also cos sorry

cool and now here we just need to set

settings for email so I'll say email

settings and those are the basic ones so

first one is who is sending an email

okay so we can say that the person that

is sending is from an email and his name

is name so those are the details that we

have here okay so now we need to set

where we are sending an email so let's

say the email where I'm going to read it

will be just this one okay and please

guys I know this happens all the time

with my different tutorials you need to

make sure that you change this in your

code so that when you test you don't

send an email to me but you send an

email to yourself I mean this is

something that happens all the time my

inbox is getting crazy with this

okay and then we need to set the subject

okay that's our subject from the top we

need to set the body and that's the one

that we have a bow and what we can do

also is to say is HTML okay and I want

to set it to the show to make sure that

this is going to be an HTML type of the

email okay and now the last thing is we

need to just send it so what I can do is

say F mail send okay we'll say echo

email is sent okay else echo something

is wrong okay and then maybe we can say

mail error info came here we can say

here to you once okay and that's it

maybe this will be but if we say here

because we said in jQuery that we are

going to use JSON so for that reason we

can set to the variable and here I will

say JSON encode and let's say to be an

array just say for now response response

okay cool so now let's first for me to

get this password so I need to go here I

will say here password and I will paste

it here okay so I have some dough

outside for that reason I will just use

single quotes okay so let's see what

will happen okay cool an email it says

something is wrong invalid address root

at localhost okay so now so let's see

there is live.com now we are going to

set send an email okay and now it says

that SMTP connection failed now this

error we usually get if on our dream ale

account less secure apps are not turning

on so how we are going to activate those

basically you just need to go to the my

account google.com slash less secure

apps if you are logged in only to the

one gmail account at the moment I have

two so you can see here I have user 0

okay like this and then I have user 1

okay so as you can see for this one

confessing income less secure apps are

turn it off so I will just turn them on

okay and now sometimes it takes 15 to 20

30 seconds in order for Gmail to

activate it but usually it will be done

pretty fast

so now if we try again let's see what

will happen it says email is sent ok and

now probably if I go to my gmail account

in my inbox you can see now that I have

received a new email from my local host

ok

and now there is one thing more that I

need to show you how to fix and like I

said it's the problem with this line so

as you can see in my case I was able to

send an email while this line is here

and if I remove it ok let's see what

will happen so now I hit send an email

it says could not instantiate mail

function so that means that I need in my

case to have that line but there will be

also the cases when you will receive

this error because you have that line of

the code so it really comes down to your

own personal settings that you have so

just experiment with that ok so now once

we have done this you can see that

sending an email from PHP and from your

local host is pretty much super simple

ok and now the last thing that we can do

is maybe just to say here that in this

case it will have like status success

and then here we are going to have like

status faileth okay and then inside our

index.php we will just check it for its

own sake

if response that status equal success

you can see our email has sand que eles

you can say other please try again like

that's the error and then in the console

you can print to yourself and see what's

wrong okay so guys pretty much that's it

I hope that you have enjoyed this video

and that finally you will easily be able

to send an email from your localhost and

if you have any questions I will be

happy to answer all of them in the

comments below and of course if you like

this video please like it and shape your

friends they give

Không có nhận xét nào:

Đăng nhận xét