使用umi+dva+antd-mobile方案
目前成都创新互联已为近千家的企业提供了网站建设、域名、虚拟空间、网站托管运营、企业网站设计、西陵网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
创建并进入项目目录
makdie project cd project
使用umijs,并且勾选其中的antd,dva等
yarn create umi
安装依赖
cnpm install
启动项目开发模式
npm start
这个时候可以访问页面了
微信授权地址:
;redirect_uri=http%3A%2F%2F127.0.0.1:8000response_type=codescope=snsapi_userinfostate=1#wechat `
这时候比较麻烦,回不到我们本地的地址。
我们平时开发的时候都是本地开发环境、日常测试环境和线上生产环境
日常与线上都是在阿里云的有公网IP
公司也有1个公网IP
好,经过这一系列的处理,就把日常环境连接到了我的本地开发环境
当然是域名指向到服务器地址了, 没什么好配置的
需要注意的问题,开发环境用到了websocket, 默认也是80端口
如果阿里云服务器外面还有一层SLB(负载均衡)的话, 不用管,我们只要配置好服务器上的nginx 就好了
nginx.config 文件
我们一般的路由器上都是有端口映射端口转发功能的
外部端口: 18000
内部端口: 8000
内部IP: 你自己电脑的IP
如果你是windows 电脑,注意你的防火墙配置
好了
软件开发完成后,必不可少地需要部署环境。
首先需要建立一套流程化、标准化的操作手册,方便后来者少走空间、时间上的弯路。
本文以购买的阿里云ECS实例产品为例:
如上图所示,把鼠标放在图中绿色圈中的位置,会出现一个“一根笔”形状的图标,点击它可以修改实例的名称。
用Xshell登录服务器时IP地址用途中所示的黄色圈中的公用IP。
其实也可以直接在网页上登录服务器(不用Xshell),只需点击图中右上角的黑色圈中的远程连接,网页就会出现图5所示页面。首次远程连接时会给一个远程连接密码(6位数),请记住这个密码,下次登录该页面时仍然需要这个密码。输入密码后即可进入服务器。本示例中服务器为centos6.8,为命令行界面,如图6所示。
有人要问了,用户名、密码填什么好呢,还没有任何设置,哪来的密码呢?
点击如图5中的本实例安全组(红色圈处),进入图5所示页面。
点击图5右边的配置规则(红色圈出处),进入图6所示页面。
点击图6右上角的添加安全组规则,进入图7所示页面,按如图7设置。其中0.0.0.0/0表示允许所有IP的所有端口访问。
打开Xshell软件,新建会话,会话属性如图8和图9所示设置。其中,名称(红色部分)是指会话的名称,只是在Xshell软件上给现在新建的会话起个名字,并没有什么影响,可以自己随便取。协议选择SSH。主机中填的是云服务器的公用IP地址,端口号为22。
Xshell连接操作结束!
通过一下几种方式获取域名。
下面说明一下域名解析:
前提条件
在设置域名解析前,您需要准备好域名、网站(或邮箱)。具体包括:
云解析DNS就是指把网站域名或应用资源转换为数字 IP地址,从而将最终用户的访问路由到相应的网站或应用资源上。
开发一个微信小程序一般得需要几千元不等,推荐选择在线小程序制作平台,在线小程序制作平台小程序,免代码拖电式,在线生成小程序; 并且具有400+小程序模板,2000w+成功企业的微信小程序案例。
影响微信小程序的具体价格如下:
1、域名价格
首先大家要先去准备好自己的商城域名,可以选择一个跟企业相关,简短一些的域名。域名可以在服务商的网站上直接购买,一般域名的价格在几百块左右,大家可以提前去做好域名的准备。
2、服务器价格
其次还需要去准备好服务器,服务器大小不同,可以承载的内容大小也不同。服务器内存越大,可以承载的内容就越多,相应的价格也越高。服务器的价格主要在几千元到几万元之间,大家在选择服务器大小的时候,不要选择太小的,这样商城运营起来的速度会比较慢,影响用户体验。
想要了解更多有关开发小程序的相关信息,推荐选择在线小程序制作平台。在线小程序制作平台不需要学习HTML、PHP、CSS等等的编程语言,不需耗费众多的资源和时间,根据自身实际需求,通过简单的操作修改,就可以轻松的制作出属于优质的小程序。
400+精美小程序模板,点击这里马上获取:小程序制作平台