node搭建微信平台(一)--调环境

今天开始用node来开始开发微信公众平台,第一个遇到的难题就是如何才能在接口上配置成功服务器地址,刚开始看视频的时候,老师讲的是在本地链接,然后用tunnel来代理,为好多小伙伴没有域名和服务器解决了个难题,凑巧的是我有服务器和域名,但是不幸的是我的服务器有一个已经上线的产品,这个产品当时是用php写的,当然用的是apache和mysql搭建的是LAMP环境,这下服务器的问题解决了,但是又有一个难题就是,想要连通微信服务器,它只接受80端口,这可怎么办,总不能把原来上线的产品下了之后再重新搭建node环境吧,这样做不对,也是不可行,后来我又想,要不再找个服务器,这样不就省好多事儿了么,找了半天也没找到,突然我灵机一动,不是说github相当于一个免费的服务器么,虽然说他只能存静态文件但是我可以再找一个类似tunnal的代理,然后就开始了一段重修git命令的旅程,(因为git每次长时间不用,那些命令就会忘得一干二净),然后就又开始折腾git,从重新建一个仓库,来添加代码,这时候本来想的是先把npm下载的包放到上面,不巧,才发现原来在网页上的github上传文件有限制,被限制在100个以内,妈的,这下捷径是走不通了,还是老老实实从git网上传项目吧,这又是一堆坑,(以前用的时候只是简单命令上传)这次不知道弄得时间长了头蒙还是怎么的,反正又是一顿折腾。

下面先说说我今天折腾git遇到的坑。

  1. 因为时间太长导致忘了我以前的git文件夹在哪儿放的,所以得重新初始化git

  2. 之后就是往暂存区添加本地的文件,这一步还好没出差错,commit 到时遇到点小问题,不过报错直接提醒了,我往上传的是文件夹所以后面要跟一个选项-f,这样才可以。

  3. 接下来就是push了,这儿就遇到个问题了,穿文件夹死活传不上去,英文报错开始没仔细看,也没看出是什么毛病,反正感觉没什么不对的就是死活传不上去,后来实在没办法了,认认真真的读了遍报错,他说是没有在本地pull,所以不让传,没办法只能先pull了一遍,这次终于传上去了(以后一定要记着这个坑,要不就先把修改统一存在暂存区中,要不就每次传完之后都得pull一次)。这下基本上把git的坑填的差不多了,本来想着再链接代理域名就好了,谁知道不能用了。。。。然后,又继续折腾git了,查了一些资料,终于还是放弃了,git确实是只能传静态文件,想要配置node服务器是不可能了,就这样又白折腾俩小时。

然后又从网上找大神看他们遇到过这么蛋疼的事没,说不定他们不和我一样,也是80端口已经被其他人占用了,不管了,只能死马当活马医了,没想到还真的找到了,用apache反向代理服务器就好,就这样又开始配置Apache的代理服务器。

接下来就说说这次又遇到的坑。

按照教程说的配置完服务器,突然发现整个服务器都gg了。。。吓得我赶快又把改过的服务器配置弄了回来,还好没出什么大事儿。后来又是一顿查资料,基本上知道配置文件里面的虚拟主机又是什么鬼东西了。原来是需要重新再配置一下虚拟主机,而不是在原来的配置上面加配置,接下来又一个问题是servername又是什么鬼?还有别名又是什么。。。接下来又慢慢搞servername是什么,(原来就是你再找个域名解析过来就行,然后配置好),这基本上没什么问题了,但是从网页上走了一边发现还是不行,说是服务器出问题。现在想死的心都有了。后来以为是解析服务器还没反应过来,就闲着无聊先在命令行里面跑跑,然后就把监听端口打开了,然后一不小心就这样成了,这下长教训了,服务器跑不通原来是相应的监听端口没有打开,这个一定要记着,先打开监听端口在弄别的,要不然就会白白浪费好多时间。

下面我们就看看apache的环境配置吧!

  1. 首先,在 Apache 的配置文件中,打开 mod_proxy 和 mod_proxy_http 至于其他的自己看着打开就好,例如需要 FTP 的话就打开相应的 FTP 选项。即:去掉 httpd.conf 中的
    LoadModule proxy_module modules/mod_proxy.so
    LoadModule proxy_http_module modules/mod_proxy_http.so

    这两行前面的 # 号即可。(在apache配置文件中有好多这种代理模块,我们这儿打开两个就OK,如果你有其他需求可以打开其他的)。

  2. 配置虚拟主机,增加下面的代码:

<VirtualHost *:80>
      ServerName giggle.online
      ServerAlias www.giggle.online

      ProxyRequests off

      <Proxy *>
        Order deny,allow
        Allow from all
      </Proxy>

      <Location />
        ProxyPass http://localhost:8080/
        ProxyPassReverse http://localhost:8080/
      </Location>
    </VirtualHost>

此处 giggle.online 和 www.giggle.online 为绑定的要访问 Node 服务的域名。(这里需要你有一个新域名(giggle.online),然后过去解析到你的服务器上)http://localhost:8080/ 为服务器上访问 Node 的网址和端口号,这里以 8080 为例。

接下来打开你的 Node 服务(这里一定要先打开服务,我就是在这儿被坑的),然后重启 Apache ,访问 node.js 这时候你就可以看到用 Node 提供服务的网站了。

上面这些配置其实往简单的说就是配置一下反向代理,但是因为以前没有弄过,再加上基础不好所以弄得这么费劲。希望的这篇博客对同样有问题的你是有帮助的。有不是太懂得可以私信我,共同学习。

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建微信公众号前端vue环境之前,首先需要准备一个微信公众平台测试账号。这个测试账号可以通过个人微信扫描二维码登录来获得,不需要注册。接下来,我们可以按照以下步骤来搭建vue环境: 1. 确保你已经安装了Node.js和npm(Node管理器)。 2. 打开命令行终端,进入你的项目文件夹。 3. 使用以下命令来初始化一个基于vue的项目: ``` npm init -y ``` 4. 接下来,安装vue-cli,它是一个vue脚手架工具,可以帮助我们快速搭建项目: ``` npm install -g @vue/cli ``` 5. 初始化一个新的vue项目: ``` vue create your-project-name ``` 其中,"your-project-name"是你项目的名称,可以自行替换。 6. 在初始化过程中,你可以选择一些项目配置选项,例如使用默认配置或手动选择特定的特性。根据你的需求进行选择。 7. 初始化完成后,进入到项目目录: ``` cd your-project-name ``` 8. 运行以下命令来启动项目: ``` npm run serve ``` 9. 现在,你的vue环境已经搭建完成。你可以根据项目需求进行开发,编vue组件、路由、数据交互等等。 请注意,以上步骤是搭建基于vue的微信公众号前端环境的一般方法。具体的配置和开发流程可能会根据你的实际应用场景而有所不同。因此,在进行微信公众号前端开发之前,建议你仔细阅读微信公众平台的开发文档,并根据文档中的指引进行配置和开发工作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值