PHP教程之三PHP的简单使用

朱雀 2022-05-23 10:28 219阅读 0赞

关于PHP的环境搭建请看我之前的博客：[PHP教程之一][PHP]

关于PHP的开发工具请看我之前的博客：[PHP教程二：开发工具 phpstorm 的下载、安装与激活][PHP_ phpstorm]

这章主要记录一下php的简单使用

和php与白鹭引擎的数据传输

phpstorm这里我更改了一下路径 当然你可以使用默认的 为了方便我该了一下 点击httpd.conf和httpd-vhosts.conf

![70][]

然后更改路径：

![70 1][]           ![70 2][]

然后重启Wampserve

![70 3][]

然后打开phpstorm创建文件选择路径 要和你刚刚改的一样

![70 4][]

然后右键 创建目录php

![70 5][]

然后点击01右键创建php文件demo

![70 6][]

然后输入         注：echo是php基本的输出方法。

echo "哈哈哈哈哈";

![70 7][]

然后随便打开你的一个浏览器输入  注意你项目文件的路径一定要对

![70 8][]

然后 下面我主要记录php和白鹭引擎Erget的数据交互

用php作为白鹭引擎的服务端

我门打开白鹭引擎 打开Main.ts 删除createGameScene()里的东西

然后在createGameScene()方法下 创建方法POSTRequestHTTP（）

![70 9][]

request.open("http://localhost/php/demo",egret.HttpMethod.POST); 是以post的方式访问你刚刚创建的php

protected createGameScene(): void 
        {
      
         this.POSTRequestHTTP();
         
        }
        //发送POST请求(建议使用这个 无数据长度限制 密文发送)
    	private POSTRequestHTTP(){
    		var request = new egret.HttpRequest();
    		request.responseType = egret.HttpResponseType.TEXT;
    		//发送 POST 请求. 需要注意的是发送 POST 请求需要将参数放到send方法的参数中发送出去
    		request.open("http://localhost/php/demo",egret.HttpMethod.POST);//请求地址 请求类型post
    		request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    		request.send();
    		request.addEventListener(egret.Event.COMPLETE,this.onGetComplete,this);
    		request.addEventListener(egret.IOErrorEvent.IO_ERROR,this.onGetIOError,this);
    		request.addEventListener(egret.ProgressEvent.PROGRESS,this.onGetProgress,this);
    
    	}
    	//完成监听
    	private onGetComplete(event:egret.Event):void {
        var request = <egret.HttpRequest>event.currentTarget;
        console.log("获取数据: ",request.response);
        }
    	//异常监听
        private onGetIOError(event:egret.IOErrorEvent):void {
        console.log("异常监听 get error : " + event);
        }
    	//加载进度
        private onGetProgress(event:egret.ProgressEvent):void {
        console.log("加载进度get progress : " + Math.floor(100*event.bytesLoaded/event.bytesTotal) + "%");
        }

然后编译运行白鹭你会发现

XMLHttpRequest cannot load http://localhost/php/demo. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:5044' is therefore not allowed access.

![70 10][]

这是跨域访问控制的问题 我们在php代码里加上这句  这里的\*是允许所有其他域名访问 真正项目时为了安全需要换成你项目的域名

![70 11][]

header('Access-Control-Allow-Origin: *');

然后在运行白鹭引擎

![70 12][]

哈哈 成功了有没有

然后我门扩展一下传参数据传递

白鹭传数据给服务端 php再将数据返回给白鹭

打开白鹭脚本 添加两句话 这里我传了两个参数id是007 和name 是后羿

![70 13][]

然后 我们修改一下php

![70 14][]

<?php
    header('Access-Control-Allow-Origin: *');
    echo "接受到客户端传来的数据";
    echo "...............用户id：".$_POST["id"];
    echo "...............用户名字：".$_POST["name"];

然后运行一下白鹭引擎

![70 15][]

收到了有没有？

这章就讲到这了 下章说php与数据库 和白鹭传输数据到数据库的操作

番外：如果你有属于自己的网站那更好了 下面记录一下把php服务端搬到网站上了白鹭进行数据通讯

把你的php文件拖到网站文件里

![70 16][]

然后打开网页到你的php 然后你会发现是乱码

![70 17][]

编码格式不对 我们修改一下php 加上一句话

![70 18][]

header("Content-Type: text/html; charset=utf-8");

然后将新的php文件替换 刷新网页

![70 19][]

输出正常了有没有呢？

接下来更改白鹭地址 更换成你的网站

![70 20][]

大结局！

#     #

[PHP]: https://blog.csdn.net/m0_37583098/article/details/80535526
[PHP_ phpstorm]: https://blog.csdn.net/m0_37583098/article/details/80535935
[70]: /images/20220523/553d919021da4d05af515c22a0b55c4e.png
[70 1]: https://img-blog.csdn.net/20180607103233979?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTgzMDk4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: /images/20220523/1e7f3cedfc5842e4be9cf3df5a6927b3.png
[70 3]: /images/20220523/fee42cc458f34f81982b8e69a3e3bc84.png
[70 4]: /images/20220523/9fff8eba60e848b9b5559c0c02a05e0c.png
[70 5]: /images/20220523/5b1724a98f1d489c881d7354bee9d5b9.png
[70 6]: /images/20220523/a8a7b40830f847b39fe6c994e8e5224b.png
[70 7]: /images/20220523/0f165602fd314341b450470bf90eb7a8.png
[70 8]: /images/20220523/4df504072a46434d9eb67d2184084ab4.png
[70 9]: /images/20220523/6f27a3af403643388993555500ff84b9.png
[70 10]: /images/20220523/b4ae61c3d09c42089012be6ae2e2fe5e.png
[70 11]: /images/20220523/5aca7e7afe8e44c09f7b510b404dd91b.png
[70 12]: /images/20220523/2a48bd8c94bd4bc79cf0ce17cf8d7ccb.png
[70 13]: /images/20220523/1909484a5385436b91b122fd97c3a148.png
[70 14]: /images/20220523/f704ed5896d04020b8798a1abad78d3e.png
[70 15]: /images/20220523/2d7dad7a0fb7478886d98daee7f46474.png
[70 16]: /images/20220523/17d0a32a4cac4d26940561daeff702d3.png
[70 17]: /images/20220523/cba2e3c20d43447a8dbfc69c31af4d08.png
[70 18]: /images/20220523/75d924efb0a444c3afbeffd86ccbcb3e.png
[70 19]: /images/20220523/87c6c2ed311c453aa1a346aa800c6c19.png
[70 20]: /images/20220523/4b7d35e25d934cf4a5d876672b914fe6.png