Page 1
标准

【05】网站设计-电商网站配置


背景

1、域名、服务器已经购买,且已经做好解析

2、用国内服务器的,完成ICP、公安备案

3、wordpress博客也搭建完毕

4、the7及small store主题安装完毕(方案一,此方案使用the7主题,主题里面带有太多的Google字体等服务,导致网站访问很慢,到了不能忍受的地步。且必备页面设计插件The7 WPBakery Page Builder更新后,导致网站崩溃,无法访问,原因未知,因此舍弃方案一

5、替代方案二:国内主题+WooCommerce 插件。使用国内某大牛自己开发的主题(会员收费399元),此主题简单,且集成了微信和支付宝支付,不需要额外的插件,且访问速度机器快速。但是这个主题的商城使用的是文章结构,即需要将产品做成文章,用户访问文章进行支付,完全没有电商的其他管理功能。于是修改方案二为:国内主题+WooCommerce 插件+微信支付网关插件


工具(方案一)

1、几个插件(small store自带)

2、微信支付插件(免费版)


所需金钱费用

本篇文章中的插件是wordpress主题The7自带的 ,一次性支付39美元。(可以不买,但是新手做不出漂亮的电商网站)


所需时间成本

3天:配置微信支付、优化网站细节

步骤目录

1、 配置页面(主要)

页面配置、幻灯片配置、产品的配置


4.2 配置必要的插件,主要是微信支付插件


微信支付插件的设置前提条件

1、网站备案完成

2、基于wordpress的WooCommerce商城已经搭建好

3、微信服务号,且已经认证。且微信支付商户已经开通

几个实现方案对比

1、山大法国留学生:woo-wechatpay插件,配置有点麻烦,且配置完成后,在支付环节,调不出微信支付二维码,提示“位置错误”。失败!

2、迅虎网络:wechat-weixin-payments-for-woocommerce(免费版)配置简单,用户体验也是最好的,但是在我的网站上,调出来的二维码不是全的,经过几遍的测试,发现跟wordpress主题the7有关,如果使用其他主题和woocommerce插件,二维码是显示正常的,所以推荐此插件。半成功!

3、wordpress智库:wenprise-wechatpay-checkout-for-woocommerce.1.0.8(免费),配置简单,用户体验不是很好,调取的二维码支付后,无法主动调用支付结果,需要用户点击支付成功或者支付失败,才去获取支付结果。当然这也可以说是另一种用户体验,让用户去参与到支付的过程中(有点牵强)。此插件成功!

4、WPCOM :woo-paygate-lite 配置简单,但是支付时候错误提示:time_expire时间过短,刷卡至少1分钟,其他5分钟。失败!!

5、 Shudong Zhu :wechat-payment-for-woo配置简单,但是支付二维码不显示,没调出来


所需金钱费用

微信服务号认证费用,年付300元

步骤目录(简单写,后续再完善)

这里假设已经以上三个前提条件,所以只说如何配置上述插件,开通微信支付网关

1、下载、安装、启用插件

2、插件设置

2.1 获取微信服务号appid和密钥

2.2 微信支付商户获取商户号、申请API证书和密钥


3、测试上线




工具(方案二推荐)

1、主题

2、WooCommerce

3、页面制作工具Elementor (免费版) 最先进的前端阻力&下拉页面生成器。以创纪录的速度创建高端,像素完美的站点。任何主题,任何页面,任何设计。

4、微信支付插件(免费版)


所需金钱费用

1、主题:399元


所需时间成本

1天:配置WooCommerce、制作店铺页面及辅助页面、配置微信支付、优化网站细节


步骤目录

1、 配置页面(主要)

页面配置、幻灯片配置、产品的配置


配置必要的插件,主要是微信支付插件可以参照方案一中微信支付插件的过程



本篇文章来源于微信公众号: Axure技术小站

标准

【04】网站设计-安装the7主题


背景

1、域名、服务器已经购买,且已经做好解析

2、用国内服务器的,完成ICP、公安备案

3、wordpress博客也搭建完毕


工具

the7主题

官网:https://the7.io/

所需金钱费用

36美元


所需时间成本

熟悉的,10-20分钟可以搭建完毕


具体步骤


(一)安装The7主题

1、The7主题是什么?(这个插件是收费的)

The7 wordpress 主题,是一款企业主题。布局上支持左右和上下布局;颜色上支持无限自定义色彩;风格上支持全宽、常规风格;配色模板有 100 种;后台管理方面支持修改网站任何区域,无需编程;可视化编辑器可以让您自定义网站的布局,实现各种各样的自定义网站风格;总之,用这款模板设计网站,只要你想得 到,就能够做得出


2、怎么安装?

就是一个wordpress主题,wordpress主题商城里没有,需要自己上传

上传失败(一般是PHP上传文件限制未取消),需要第二种方案:通过文件管理器上传




解压到/home/tech1/public_html/wp-content/themes/dt-the7(需要新增一个dt-the7文件夹)



返回,后台,安装主题即可


(二)安装the7-small store主题

1、small store是什么?WooCommerce是什么?

small store是众多the7主题中的一个主题,包含幻灯片等插件,当然也包含

WooCommerce插件

WooCommerce最好的开源 电子商务 及 跨境电商 平台;免费而强大,轻松创建你的在线商店


2、
WooCommerce点是?


3、怎么安装?

3.1 登录你的WordPress后台

3.2 找到:The7-Pre-made Websites

3.3 找到Small Store

3.4 点击Import content,可导入必须的插件和页面数据(The7主题是国外厂商提供,如果服务器在国内,下载速度很慢,需要耐心)





本篇文章来源于微信公众号: Axure技术小站

标准

【03】网站设计-搭建wordpress网站


前提

1、域名、服务器已经购买,且已经做好解析

2、用国内服务器的,完成ICP、公安备案


工具

wordpress建站程序

WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用

官网https://cn.wordpress.org/


所需金钱费用

0元


所需时间成本

熟悉的,5-10分钟可以搭建完毕


步骤目录-可搭配文章底部的视频来看


一、基本配置

1、ssl

2、PHP版本调整

3、PHP ini 参数调整

二、安装建站程序wordpress



一、基本配置-这里不写教程了,见文章底部的视频吧

1、SSL配置(因为涉及到电商网站,数据传输需要加密,这样也是为了给客户更好的体验)

2、PHP版本配置(老薛主机默认版本是5.6.2,需要升级到7.0以上版本)

3、PHP.ini参数调整(需要调整几个参数,往大了调整即可,不然默认参数太低,文件都上传不到服务器)


二、安装建站程序wordpress,里介绍2种方式;

方法一:Cpanel面板中的softaculous apps installer快速安装WordPress(傻瓜式)

登录Cpanel面板(老薛主机使用这个面板),找到softaculous apps installer,进入,填写网站的标题、管理的账号、密码后,选择中文简体语言,安装即可。通过这个方案,连数据库都不需要你动手弄,程序会自动给你搭建好数据库。

安装后系统会给出后台登录地址,用管理员的账号密码即可登录后台,写博客了



方法二:下面这种方式会折腾一些,但是会让你更加了解,网站是怎么运作的(推荐)

1、新建数据库

登录cPanel面板,找到“数据库”-“MySQL数据库”,创建一个数据库,然后创建用户,将用户添加进数据库,勾选“所有权限”,点击“更改”完成。




2、 上传WordPress建站程序,也有两个方案,如下:

方法一:使用cPanel面板的文件管理工具(推荐)

从WordPress网站下载最新的WordPress中文版,回到cPanel首页,点击“文件”-“文件管理器”,选择“上传”,选择下载的压缩包上传。上传完后回到根目录选择压缩包,点击“解压缩”,解压缩完成后在根目录多了一个wordpress的目录,进入这个目录,点击“全选”,然后点击“移动文件”,将文件移动到根目录下。




方法二:使用FTP上载工具上传wordpress


3、 设置wordpress基本信息

在浏览器访问你的域名,跟着提示点按钮,直到出现输入数据库信息的页面,输入之前创建的数据库信息,至此wordpress就安装完成了。




以上是搭建一个最简单的个人博客系统的过程,后续电商系统请看下篇文章





本篇文章来源于微信公众号: Axure技术小站

标准

【02】网站设计-ICP备案 公安备案

ICP备案

背景

国内服务器要ICP备案 

费用-免费

1、接入商会免费提供备案系统,你按照流程备案就是,重要的成本是第2个

2、时间成本

什么是ICP备案

备案是指向主管机关报告事由存案以备查考

ICP/IP网站备案是国家对互联网信息服务的一种管理制度

为什么要备案

国家对经营性互联网信息服务实行许可制度;对非经营性互联网信息服务实行备案制度。未取得许可或者未履行备案手续的,不得从事互联网信息服务。


根据中华人民共和国信息产业部第十二次部务会议审议通过的《非经营性互联网信息服务备案管理办法》精神,在中华人民共和国境内提供非经营性互联网信息服务,应当办理备案。未经备案,不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款和关闭。

去哪里备案

A:网站备案遵循,谁接入谁办理的原则,您用的哪个接入商的服务器,就需找相应的接入商办理。

如何办理,办理流程

A:每个ICP服务商都有自己配套的备案系统,且流程都很完善,按照人家流程走就行了。

时效如何

A:办理备案,可能最关心的时效吧,这里就简单写下时效:

1、提交资料后,先到接入服务商处的备案中心审核,预计1-3个工作日

2、服务商审核完毕,会提交到各省的通讯管理局(也就是经常说的管局),管局审核一般会在1-20个工作日,但是根据经验,一般7天就可以搞定。

备案通过后,会给你一个备案号,如下。另外还需要去公安备案,备案后如下。公安备案流程,见下一篇文章

几个问题

1、个人网站也可以备案

2、除了整体的备案规则外,各省也有自己的备案规则

3、需要一个幕布,这个幕布第一次备案,接入商会给你免费邮寄,后续如果你想备案,幕布丢了,就需要购买且要掏腰包了

幕布长这个样子(幕布整体长这个样子,但是上面的文字会不一样):

4、二级域名和中文域名是否需要备案?

网站备案只能对一级域名进行备案,二级域名暂时不需要进行备案。对于二级域名的IP接入可以备案至一级域名下即可。中文域名需要备案。

5、在未获得管局下发的备案号之前,可以访问吗?

不可以。所有的网站域名必须通过通信管理局审核通过并下发备案号后,方可开通互联网接入服务。在备案通过之前,80/8080/443端口是默认关闭的。

6、备案期间网站能正常访问吗?

新用户首次备案和新增网站备案期间,网站是不能打开的。因为工信部规定没有备案的域名不允许上线访问。变更备案期间,已备案的域名访问不受影响。如果备案未通过通信管理局审核,请尽快按照备案失败原因修改后重新备案。

7、一个ip绑定了多个域名,其中一个域名没有备案,端口是否会被关闭?

8、将注册的域名,解析到一个已经备案的网站上,该域名还需要备案吗?

需要备案,每一个域名都需要备案,将域名独立备案或添加到已经备案的网站信息中。




公安备案

背景

根据《计算机信息网络国际联网安全保护管理办法》(公安部令第33号)第十一条、第十二条规定,开办网站需在开通30日内登陆全国公安机关互联网站安全管理服务平台办理备案手续。

费用-免费

1、按照流程备案就是,重要的成本同样是第2个

2、时间成本


资料

公安备案所需材料如下:

1.个人网站公安备案所需提交的材料:身份证正反面,本人手持身份证的照片及域名证书的彩色电子版

2.单位网站公安备案所需提交的材料:单位证件(如企业营业执照)、法人身份证正反面、法人手持身份证的照片;网站负责人的身份证正反面、手持身份证的照片及域名证书的彩色电子版


备案流程(非常简单)

 

只需要登录www.beian.gov.cn按照操作提示,提交信息即可。具体步骤如下:

一、用户注册、登录

A:

1.打开全国公安机关互联网站安全服务平台:www.beian.gov.cn

2.点击【注册】,注册新账户

3.填写注册信息(注:所有项必填,手机号及邮箱涉及到信用认证问题,请谨慎填写

4.注册成功会自动转向登录界面,输入用户名和密码及验证码,点击【登录】即可

二、信用认证

A:1.登陆后,在首页进入【个人中心】,点击左侧菜单【信用认证】

2.手机验证:点击【立即验证】弹出窗口如下图,点击【获取短信验证码】将手机收到的验证码输入,点击【验证】即完成手机验证

3.邮箱验证:点击【立即验证】,您注册时填写的邮箱会收到验证邮件,点击邮件中的链接完成验证

4.身份验证:开办主体完成审核通过后身份验证会自动通过


三、开办主体管理

A:开办主体性质分别为:企业、军队院校、政府机构、事业单位、社会团体、个人。点击左侧【开办主体管理】需根据实际情况正确填写各项信息,填写完成后【保存】

填写注意事项:

①上传的证件图片需要清晰,图片大小在512K以内;

②单位名称:形式上应完整填写网站主办者全称,如个人应填写个人姓名,企业应填写工商营业执照注册公司名称。内容应真实准确,不得以域名或数字等符号或以网站名称信息代替网站主办者信息;

③单位性质 :应与主办单位名称等信息对应一致,如主办单位名称为某某公司,则单位性质应为企业;如主办单位为张三,则单位性质应为个人;

④证件号码:应符合相应的格式要求,且与主办单位性质等信息(企业、事业单位、政府机关、军队、社会团体、个人等)对应一致。如主办单位性质为企业,不应填写军队代号或个人身份证等号码等非工商营业执照号码或非组织机构代码证号码;

⑤投资或主管单位:网站所属者为企业、事业单位、社会团体、政府机关、军队填写法人姓名或单位最高负责人姓名;

⑥负责人常住地:内容真实准确,格式标准完整。例如,农村单位应详细填写到村,城镇单位应填写到街道门牌号或信箱号;

⑦办公电话:务必填写。号码应格式标准、内容真实准确,不得出现“010-00000000”等明显不真实的联系方式;


四、新办网站备案申请

1.点击左侧【新办网站申请】,已经提交申请网站开办主体的,点击【下一步】即可

2.根据要求,结合自己的真实实际情况填写以下网站基本信息。(注:务必按照要求填写,否则将被退回)。

下图需填写域名服务器接入商,若不清楚,可打开网站http://whois.chinaz.com/输入域名查询、登录域名管理平台或联系您域名的买卖方三种方式协助核实。

3.根据要求,结合自己的真实情况填写以下网站负责人信息(注:若网站负责人同主体负责人是同一个人的情况下,勾选对应的信息后信息不用再重复录入),填写完毕后点击右下角下一步即可。

4.点击下一步后出现下图页面,请认真阅读,并勾选“我已阅读上述告知事项”,点击【提交】即可。

五、公安备案号下发

A

特别注意:

1.公安备案审核人员会在3-5个工作日给予反馈,反馈的信息将以短信形式通知到用户,也可登录网站在系统消息中查看。

2.非交互式网站初步审核完成后即完成备案,交互式网站需要进行面审或实地检查,具体时间将以短信告知。

3.如收到公安机关面审通知,请按照短信通知的时间携带所需证件到公安机关进行材料完整性检验;

4.如收到公安机关实地审核通知:请按照通知的时间做好准备,配合公安民警进行安全检查。

5.在完成公安备案的信息审核以后,公安机关将会发放公安部备案号,您需要将公安备案的标识及公安备案号放置到您网站首页下方的中间位置。(注:公安备案的标识、公安备案号、相应代码及放置格式见下图详情)。

公安备案号放置在www.zzidc.com网站首页后,点击备案号链接到以下页面。

6.网站的公安备案流程已全部完成。







本篇文章来源于微信公众号: Axure技术小站

标准

【01】网站设计-购买域名服务器



背景

1、根据自己业务的初步规划,先上线一个电子商务网站,提供数字产品的付费下载。

2、网站要做到国内去,做备案。国外服务器访问太慢,就连阿里云的香港服务器也是很慢;当然这也有网站未优化的问题

3、其他电商平台,抽成太高,且存在其他的弊端

基于以上原因,打算做一个位于国内服务器的电商网站

本篇介绍如何购买域名和选购服务器

工具

1、服务器

2、域名

所需费用

1、国内服务器,年付288元(国内小厂,但是比阿里便宜太多了)

2、域名:axuretop.shop 年付35元

所需时间成本

1天


步骤目录

1、购买域名(Domain Name)–买一个你喜欢的网址,例如baidu.com;
2、购买主机空间(Web Host)–买一台服务器,用来放你的建站文件;
3、域名解析(DNSPod)–建立网址和服务器的一种联系;


(一)购买域名

1.1、域名是啥?

域名(英文名字叫做domain name),就是一串在因特网计算机上的名字字符,而且是具有唯一性的,例如你们常访问的http://zhihu.com;axuretop.com;axuretop.shop

域名是需要申请花钱购买下来的。付款周期是按年计算的,最低需要缴纳一年的费用。新域名购买几块钱到几十块不等。

对了说到这里,域名的唯一性,有人就拿这个做投资,例如你买了weibo.com这个域名之后,这就是你的了,如果新浪想要这个域名,就得买你的域名,这可是大价钱;比如mi.com好像也是买的;早年间蔡文胜就是投资域名赚了第一桶金,他创办的265.com在2004年也被谷歌收购


1.2、哪里买域名?

域名从哪里买?是从政府哪里买吗?

不,是从IDC服务商那里买

下面是百科的定义:互联网数据中心(Internet Data Center,简称IDC)业务是伴随着互联网的发展而出现的。它的功能是凭借IDC丰富的IT基础资源和高度集中化、标准化的运营管理系统向客户提供数据存储、数据备份、数据交换等服务,客户可以通过租用IDC的服务来建设自身的信息系统。

常见的IDC服务商都有哪些?见下图


1.3、怎么买域名?

以马爸爸的万网来介绍:

中国万网成立于1996年,是中国领先的互联网应用服务提供商。万网致力于为企业客户提供完整的互联网应用服务,服务范围涵盖基础的域名服务、主机服务、企业邮箱、网站建设、网络营销、语音通信等应用服务;以及高端的企业电子商务解决方案和顾问咨询服务。以帮助企业客户真正实现电子商务应用,提高企业的竞争能力。

阿里巴巴集团于2009年收购万网,2013年1月6日阿里巴巴集团宣布,旗下的阿里云与万网将合并为新的阿里云公司,合并后“万网”品牌将继续保留,成为阿里云旗下域名服务品牌 ——《百度百科》


万网地址:wanwang.aliyun.com/


进入万网官网,搜索域名(随便搜,以你喜欢的姿势搜索),加入购物车,按照支付流程,完成支付,进入控制台





(二)购买服务器

2.1、主机空间是啥?

上面说了,IDC服务商都有自己的主机出租业务。就是说人家有自己的机房,机房里放着服务器;机房自己用不完,就拿出来卖给你,不对是租给你。

每台服务器都有一个IP地址,你购买服务器后,IDC服务商就会给你这个IP地址,等你解析(将你在前面买到的域名和服务器建立联系,第三部分会说)

机房长什么样子,汤姆克鲁斯告诉你了

2.2、从哪里买?

你要是有钱,就自己买一台服务器,往后的事情就不做介绍了。但是你要是普罗大众买不起服务器的,那就从IDC服务商那里!OK,那从哪个服务商那里买呢?不知道,但是这里只给你个大概建议。因为我就用过两家:一个是小厂,一个是大厂(阿里云)。

小厂的优势就是价格低,自由度高,你想怎么折腾就怎么折腾;但是随之而来的就是不稳定,各种崩溃;

大厂的优势就是稳定(相对的),缺点就是价格高一些,自由度没那么高,束缚手脚的感觉。

所以建议如下:自己玩玩,找小厂;给公司办事、开发软件等等办正事了,找大厂。


2.3、怎么买?

根据网上前辈博客推荐,这里选择 老薛主机来购买服务器。

老薛主机-是一个IDC服务提供商。IDC的基本服务表现形式是资源(包括空间、主机、带宽)出租服务,随着客户的需求的不断发展,已经出现网络应用服务(Application Service Provider,简称ASP)等新的服务模式,能够提供这类服务的企业一般称作 IDC服务商。–资料来源《百度百科》

老薛主机荣获2012年度全国十佳口碑IDC称号 。–资料来源:tutorials.hostucan.cn/n

前往laoxuehost.com/官网 ,选择49元/年套餐,根据支付流程,完成支付。老薛主机会将相关绝密信息邮件形式发送到注册邮箱,进入邮箱进行查看。




(三)域名解析

3.1、获取服务器IP地址

注册邮箱中查找老薛主机发送邮件,登陆cPanel控制面板。

注:cPanel是当前世上功能最强大,最容易使用,最受用户欢迎的虚拟主机控制系统,很多国外主机主机都使用这套控制面板。简单来说cPanel是为网站所有者设计的一套控制系统,网站所有者甚至可以直接把它当作网站后台Windows操作系统。

注2:这是2015年12月的界面,现在已经发生了变化,注意下

cPanel登陆界面,用户名及密码由老薛主机提供。

获取服务器IP:需要登录上面提供的cpanel控制面板查看:登录空间面板后左侧往下拉,点开“展开统计信息”。然后左侧继续往下拉,点开“服务器信息”


3.2、万网后台完成解析(完成域名与服务器的绑定)

登陆万网【管理控制台】,进入域名解析列表,把域名指向网站主机IP地址,即可快速完成域名解析设置。

3.2.1 进入域名解析设置页

登陆阿里云/万网【管理控制台】,在顶部主导航位置点击【产品与服务】–【云解析】,进入“域名解析列表”;


3.2.2.新增解析
【进入高级设置】,点击【添加解析】

选择记录类型为A记录;

主机记录为空,或填写www;

记录值填写之前获取的服务器主机IP地址;

解析线路,TTL默认即可。

点击保存,即可完成域名解析设置。



3.2.3、DNS检查
域名解析设置完成后,需确定使用万网云解析DNS方能解析生效。
万网域名用户在首次解析时已使用万网DNS,无需再做修改。

3.2.4、解析生效时间
新增解析完成设置即时生效。
修改解析则需要0~48小时,最终生效取决于各地运营商的缓存刷新时间。




本篇文章来源于微信公众号: Axure技术小站