Taro教程-约会微信小程序开发实践-02基本配置

我们已经在前面建立了开发环境，然后我们将进行简单的架构设计。

小程序结构调整

在开发功能之前，我们通常需要规划和调整项目结构。通常，我们会根据程序代码架构进行区分，如控制器、模型、视图等。我们会以文件夹的形式区分实现上述功能的代码，然后根据已建立架构的设计将业务代码写入代码中。

常见的软件开发包括需求分析、概念设计、详细设计、数据库设计、UI设计等。每个公司的开发步骤都不同，因此不会严格遵循以上步骤。

虽然不必遵循上述步骤，但必须确定一些核心功能，后续只是对核心功能的补充。

这个微信交友小程序的基本功能如下：个人中心、我的朋友、私信、交友对象市场等

由于Taro只提供了一个简单的项目结构划分，因此我们需要进行细微的调整以实现统一。

QQ20181229-223241.png

请注意，调整时也应更改相应的导入路径

首先，创建一个条目文件索引。js存储在store文件夹下。代码如下：

从“./counter”导入counterStore

导出默认值{

计数器存储

}

然后在appJs上，如下所示：

从“@tarojs/Taro”导入Taro，｛组件｝

从“@tarojs/mobx”导入｛Provider｝

从“./pages/Index”导入索引

从“”导入存储。/商店“//这是调整部分

导入“./app.less”

//如果需要在h5环境中启用React Devtools

//取消对以下内容的注释：

//如果（process.env.NODE_env！==“生产”&&process.ev.TARO_env==“h5”）{

//require（“服务开发工具”）

// }

类app扩展组件{

配置={

页码：[

'页面/索引/索引'

],

窗口：{

backgroundTextStyle:'浅'，

navigationBarBackgroundColor:“#fff”，

navigationBarTitleText:'微信'，

navigationBarTextStyle:“黑色”

}

}

组件DidMount（）｛｝

componentDidShow（）｛｝

componentDidHide（）｛｝

componentDidCatchError（）｛｝

//App类中的render（）函数没有实际效果

//请勿修改此功能

渲染（）{

返回(

<提供程序存储=｛存储｝>

<索引/>

)

}

}

芋头。渲染（，document.getElementById（'App'））

Phalapi2.0安装和配置

我们通过Composer安装PhalApi。如果未安装Composer，请在百度上安装。

$composer创建项目phalapi/phalapi

Nginx配置

服务器{

听80；

服务器名称dev.phalapi.net；

root/path/to/phalapi/public；

字符集utf-8；

位置/{

索引index.php；

}

位置~\。php${

fastcgi_split_path_info^（.+\.php）（/.+）$；

fastcgi_通过127.0.0.1:9000；

fastcgi_索引.php；

包括fastcgi_参数；

fastcgi_ param脚本_文件名$document_根$fastcgi_脚本_名称；

}

访问日志/dev.phalapi.net.access.log；

错误日志/dev.phalapi.net.error.log；

}

Apache配置

如果使用Apache，请参阅以下配置。目录结构：

htdocs公司

├── 法拉皮

└── .HT访问

.htaccess内容：

RewriteEngine打开

重写Base/

重写代码%｛HTTP_HOST｝^dev.phalapi.net$

重写代码%｛REQUEST_FILENAME｝！-f

重写代码%｛REQUEST_FILENAME｝！-d

重写代码%｛REQUEST_URI｝！^/phalapi/公共/

重写规则^（.*）$/phalapi/public/$1

重写规则^（/）？$指数php（左）

上述配置已正式提供。我使用Apache配置。不同的是，我的配置在httpd-vhosts.conf中。参考配置如下：

服务器名称127.0.0.1

DocumentRoot“/Users/lxl/Documents/taro/project/phalapi/public”

<目录“/Users/lxl/Documents/taro/project/phalapi/public”>

目录索引.php

#ErrorLog“logs/dummy host.example.com-error_log”

#CustomLog“logs/dummy host.example.com-access_log”常见

注意ap