1 Star 0 Fork 0

eoekun / wedding-invitations

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.MD

婚礼请柬

点这里预览下:这里

请注意:本系统仅测试了在主流手机微信平台上的兼容性。

请注意:PC没有做兼容,所以PC打开会很乱。

请注意:请在微信坏境打开,其他任何浏览器均没有测试。

本系统参照微请柬-来电互动版实现。

如有侵权,请联系本人删除。

技术栈

  • React

  • Webpack

  • Redux

  • ES6

  • Css3

开发配置

  1. npm install

  2. npm start

  3. 浏览器打开http://localhost:8081

祝福语存储之后端配置

本程序采用前后端完全分离配置,程序需要一个存储祝福语和读取祝福语的接口!

下面我给了一个PHP提供API接口的例子,你完全可以采用其他语言。

  1. php文件夹复制到本地的PHP坏境。

  2. 新建数据库,执行php/wedding.sql,修改getBless.phpcommitBless.php中数据库相关配置。

  3. 修改server.js,修改端口为相应的PHP端口。(当uri/wedding时,代理到php所在的url)

    app.use(proxy('/wedding', {
        target: 'http://localhost:80',
        changeOrigin: true
    }));

生产坏境打包

  1. npm run bundle

  2. 拷贝dist文件夹至服务器即可。

其他说明

  1. 系统分男方版本和女方版本,如果访问首页带参数?t=girl,则为访问女方版本,否则访问男方版本。

    具体版本区别请详看代码。下面举一个例子:

    <audio className="hidden" id="talk-audio">
    <source src={userType == 'boy' ? boyMp3 : girlMp3} type="audio/mpeg"/>
    </audio>
  2. 所有可配置的照片放在src/asset/images/photos,所有可配置的音频放在src/asset/audio

部署服务器小妙招

Q: 需求说明:我购买了阿里云最便宜的服务器,部署网站到自己服务器,网站加载非常非常慢,带宽等都不足!加载一次要等大半天!

A: 解决方法:我把dist文件夹的所有文件都上传到第三方网站(我使用的是七牛云)。然后在自己的烂服务器上,只有一个nginx负责把所有页面请求定位到七牛云的index.html

静态资源访问,通过修改 webpack.config.js里面的publicPath为您七牛云的静态资源网址,这样会自动读取七牛云的静态文件。

步骤我再补充下:

  1. 修改publicPath配置为七牛云路径!
  2. 执行npm run bundle!生成dist文件夹!
  3. 拷贝dist文件夹到七牛云!
  4. 配置nginx,所有请求定位到七牛云的index.html!

Comments ( 0 )

Sign in for post a comment

About

forked from https://github.com/brickspert/wedding-invitations.git spread retract
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://gitee.com/eoekun/wedding-invitations.git
git@gitee.com:eoekun/wedding-invitations.git
eoekun
wedding-invitations
wedding-invitations
master

Search