Facebook的公共主页怎么发帖看起来更专业
 
Facebook 个人主页如何发帖引流粉丝才具有吸引力？和Facebook 个人主页如何设置–快速吸引眼球并留住客户？，公共主页和个人主页发帖的思想上大同小异，区别的话就是公共主页更营销化一些，更官方一些。下面具体来说明。
 
 
基础操作-云控操作加粉更安全
 照片/视频。照片可以一次性多选，标记商品（前提是店铺里上传了商品）（视频演示）；创建相册，同同一个系列的产品可以放在一个相册里，方便查询；创建轮播帖，可以添加链接，推荐的方式，适合商品购买转化的形式；幻灯片很好的产品表现形式（视频演示）；全屏广告，属于广告形式的一种（视频简单讲解）
 
活动、商品。活动，比如创办一个参展活动，展销会活动等等；列表和清单有些类似，可以作为 list 说明；优惠对于跨境零售促销是个不错的手段；大事记，重要，让客户了解你公司的发展历史；网志，重要，可以写一些日志，无论是记录公司日常生活的，还是关于产品非常专业性质的文章；吸引用户通过消息联系你的业务，类似淘宝的对话框，一键发送某个产品链接，客服就知道是哪个商品了。
 
发布身份。可以选择主页身份，也可以选择个人的的身份去发布内容。有什么区别？贴文出现的地点不一样。（视频演示）一般都是以公共主页身份发布内容到时间线上。
 
标记商品和首选受众。排期、倒设日期。提高工作效率的好方法。可以把一些固定的内容一周的贴文排期安排好，到时 可以自动发布，排期帖需在创建后的 10 分钟到 6 个月之间发布；倒设日期是因为公司几年前成立，现在才建立主页，中间恐怕的时间补内容，最多可以倒设到 1905 年 1 月 1 日。排期帖的日期可以更改，但无法更改速推帖的日期或者将日期改为将来的日期。
 
贴文注意点-Facebook封号这里注意了
 主页内容一般会自动生成头像、封面更换的动态消息，可以选择在主页上隐藏。有些是做 ToB 业务的，常会接到一些零售客户的询单。可以写一篇贴文，说明自己是供应商，主要寻找有实力的分销商和供应商。选择主页置顶。或者在简介和封面上有类似表述亦可。
 
分享按钮的几个重要选项。
 
发帖内容。更主要的就是公司的产品、生产制造使用过程，使用场景，展会、验厂合照等等，更多的和公司相关。不要把个人的生活照之类放到公共主页。大部分行业都应该打造出公共主页一个专业的形象。
 
发帖时间和频率。一般是当地时间下午 1 点—3 点，看 FB 的人会多些。但是具体的应该看你的目标客户的工作时间作息。频率的话也要配合活动，平常一天两三篇或者一周七八篇也可以，要是有展会或者黑五的时候，一天四五篇也不是大问题，确实没有一个死的规定，灵活应对即可。
 
塑造一个专业可信的公共主页形象
 这部分内容容我先讲个案例。
 
一个是heiJee的博客，很多做外贸跨境的朋友应该都知道。说他是跨境 B2C 的专家完全不为过，他总结的一些方法、提到的一些工具，不少可能我们都没有听过。正是因为这样，我们觉得他懂得多，实践的多，是比顶着各种金牌讲师头衔的专家更专。
 
这个给我们的启示就是，公共主页上的内容不要光是产品的介绍、或者公司多么伟大和谐，还应该能很多能给客户带来价值的东西。比如其他合作客户的成功案例，他们是怎样的一种做法；产品的技术采用了 XX 标准，最新的行业动态你是怎样看的，说明你们公司一直处在行业的中心；
 
有人说，我就做 OEM 或者工业品类的，没那么多事，提供切实的有价值的内容是不错，但是我的受众也没那么高端，比如面向印度的生产机械类。这里我们可以更多的想客户所想，比如卖拖拉机，印度多雨，泥泞不堪的路面，那你该强调的内容就是马力大，不打滑，去针对具体的使用场景来制作内容。或者价格异议，采用列表的形式对比购买采用和不采用的优劣势；再或者对方第一次到中国来，需要注意哪些事情？有没有一些推荐的地方旅游等等，这些完全可以做成文档（里面当然包含官网链接，logo 等），放在自己官网博客上、群组、论坛上，供自由下载，这也是提供了一种价值，而且不费太多事，就形成了自传播。
 
也有人会说我想找的是代理商啊，不是零售的。只有终端消费者认可了，批发商觉得有利可图，能有发展，才会进行采购，这一点要明确。
 
还有在之前对 facebook 运营的误解的文章中也讲了，FB 承担的责任是你与客户之间沟通的桥梁，向世界窗口的展示，至于能否获得大的订单，和业务水平、产品有着最大的关系。你可以通过社交平台作为一种补充去获得信任，能够及时沟通和联系，获得最新的资讯信息。

 
 
这次分享下“发帖功能”，这个功能其实风险蛮大的，特别是对一些敏感言论的控制，如果没有做好可能导致小程序被封，所以除了必要的人工审核和巡查以外，我们需要一些微信安全监测API的帮忙，在AI加持下，现在很多大公司对内容和图片的效率大大提高了。
 
 
 
这个DEMO仅是一个流程示例，由于涉及到云函数和“真”敏感图，这里就有文字图代替。
 
 
发帖的功能只要理清思路，其实并不复杂，利用机器AI做内容审查是关键，直接关系到小程序的整体安全。
 
[toc]
 
用户选择手机图库或拍照
 
let tempImg = 0; //代表已选择的图片
wx.chooseImage({
    count: 3 - tempImg.length, //选择不超过3张照片,去掉当前已经选择的照片
    sizeType: ['original', 'compressed'],  //获取原图或者压缩图
    sourceType: ['album', 'camera'],  //获取图片来源 图库、拍照
    success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        let tempFilePaths = res.tempFilePaths;
        console.log(tempFilePaths);
        
        //举例：这里可以size 来判断图片是否大于 1MB，方便后面内容检查
        if (res.tempFiles[0] && res.tempFiles[0].size > 1024 * 1024) {
            console.log("图片大于1MB啦")
        }
    }
})
 
这里用到的方法是chooseImage，它可以设置让用户选择手机图片库和拍照获得，需要注意的是考虑到后面要用微信自带API做图片安全检查，图片大小不能超过1MB，所以需要设置sizeType为compressed。
 
内容检查（重点）
 
由于内容安全对于小程序运营至关重要，稍有不慎就容易导致小程序被封，所以在这块的校验除了常规人工检查外，我们还可以用到微信的内容安全API。
 
为什么用微信官方提供的API？
 主要有二点：有一定的免费额度，基于企鹅大厂的专业AI检查。
 
1、云函数+云调用
 
 
 
目录结构
 
├─checkContent
│      config.json   //云调用的权限配置
│      index.js   //云服务器node 入口文件
│      package-lock.json 
│      package.json   // NPM包依赖
│ ...
 
为什么要强调这个？ 
 因为本人一开始在用云函数+云调用的时候，经常会出现各种不明BUG，很多都是因为目录里面少传文件，或者少配置。
 
云函数内容：
 
const cloud = require('wx-server-sdk');
cloud.init();
exports.main = async (event, context) => {
    console.log(event.txt);
    const { value, txt } = event;
    try {
        let msgR = false;
        let imageR = false;
        //检查 文字内容是否违规
        if (txt) {
            msgR = await cloud.openapi.security.msgSecCheck({
                content: txt
            })
        }
        //检查 图片内容是否违规
        if (value) {
            imageR = await cloud.openapi.security.imgSecCheck({
                media: {
                    header: { 'Content-Type': 'application/octet-stream' },
                    contentType: 'image/png',
                    value: Buffer.from(value)
                }
            })
        }
        return {
            msgR,   //内容检查返回值
            imageR   //图片检查返回值
        };
    } catch (err) {
        // 错误处理
        // err.errCode !== 0
        return err
    }
}
 
这里主要用到security.msgSecCheck和security.imgSecCheck这2个微信开放云调用方法（需开发者工具版本 >= 1.02.1904090），以往我们还要在服务器上单独写个方法，现在变得十分的方便，直接在云函数中调用即可。
 
这里需要重点说2个点
 
图片security.imgSecCheck 方法只能接收buffer，所以需要把temp的临时图片转化为buffer的形式传过去，我们这里用到 getFileSystemManager 的方法。
 
如果目录文件中没有config.json，需要自己建一个，并且做一个授权的配置。
 
{
    "permissions": {
        "openapi": [
            "security.msgSecCheck",
            "security.imgSecCheck"
        ]
    }
}
 
2、检查文字内容安全
 
wx.cloud.callFunction({
    name: 'checkContent',
    data: {
        txt: "乐于分享，一起进步"
    },
    success(_res) {
        console.log(_res)
    },
    fail(_res) {
        console.log(_res)
    }
})

//返回值参考
{
    "errMsg": "cloud.callFunction:ok",
    "result": {
        "msgR": {
            "errMsg": "openapi.security.msgSecCheck:ok",
            "errCode": 0
        },
        "imageR": false
    },
    "requestID": "77952319-b2b4-11e9-bdc8-525400192d0e"
}
 
应用场景举例：
 
用户个人资料违规文字检测；
 
媒体新闻类用户发表文章，评论内容检测；
 
游戏类用户编辑上传的素材(如答题类小游戏用户上传的问题及答案)检测等。 频率限制：单个 appId 调用上限为 4000 次/分钟，2,000,000 次/天*
 
通过wx.cloud.callFunction的方法调用checkContent的云函数，检查一段文本是否含有违法违规内容。
 
3、检查图片内容安全
 
//获取 temp临时图片文件的 buffer
wx.getFileSystemManager().readFile({
    filePath: tempImg[0],  //这里做示例，所以就选取第一张图片
    success: buffer => {
        console.log(buffer.data)
        //这里是 云函数调用方法
        wx.cloud.callFunction({
            name: 'checkContent',
            data: {
                value: buffer.data
            },
            success(json) {
                console.log(json.result.imageR)
                if (json.result.imageR.errCode == 87014) {
                    wx.showToast({
                        title: '图片含有违法违规内容',
                        icon: 'none'
                    });
                    console.log("bad")
                } else {
                    //图片正常
                }
            }
        })
    }
})

//返回值参考
{
    "errMsg": "cloud.callFunction:ok",
    "result": {
        "msgR": false,
        "imageR": {
            "errMsg": "openapi.security.imgSecCheck:ok",
            "errCode": 0
        }
    },
    "requestID": "c126353c2d-b40b-11e9-81c4d-525400235f2a"
}
 
应用场景举例：
 
图片智能鉴黄：涉及拍照的工具类应用(如美拍，识图类应用)用户拍照上传检测；电商类商品上架图片检测；媒体类用户文章里的图片检测等；
 敏感人脸识别：用户头像；媒体类用户文章里的图片检测；社交类用户上传的图片检测等。 频率限制：单个 appId 调用上限为 2000 次/分钟，200,000 次/天*（图片大小限制：1M）
 
这里先要用 getFileSystemManager() 获取临时图片的buffer（这个是重点），然后再通过wx.cloud.callFunction的方法调用 checkContent的云函数中security.imgSecCheck的方法，校验一张图片是否含有违法违规内容。
 
一开始本人调试的时候，也遇到无法上传的问题，必须通过文件管理(getFileSystemManager)获取buffer后才能上传检查图片，耗费了本人不少debugger时间。
 
完整代码
 
原本想做个实际的demo（代码片段）分享给大家打开参考的，但是云函数必须是一个已注册的APPID，无奈只能贴代码。
 
这里主要还是提供一个整体思路，希望能帮助大家减少开发成本，更好的解决问题和完成任务 ^_^
 
html部分：
 
<!-- pages/post /index.wxml -->
<view class="wrap">
        <view class="title">
                <input placeholder="智酷方程式，乐于分享" maxlength="30"  bindinput="getTitle"/>
        </view>
        <view class="content">
                <textarea auto-focus="true" maxlength="200" bindinput="textareaCtrl" placeholder-style="color:#999;" placeholder="关注公众号，一起学习，一起进步" />
                <view class='fontNum'>{{content.length}}/200</view>
        </view>
        <view class="chooseImg">
                <block wx:for="{{tempImg}}" wx:for-item="item" wx:key="ids" wx:for-index="index">
                        <view class="chooseImgBox">
                                <image src="{{item}}" />
                                <view data-index="{{index}}" catch:tap="removeImg" class="removeImg"></view>
                        </view>
                </block>
                <!-- 判断图片 大于等于3张的时候 取消 更多 -->
                <block wx:if="{{tempImg.length < 3}}">
                        <view class="chooseImgBoxMore" catch:tap="choosePhoto">
                                <view class="arrow"></view>
                        </view>
                </block>
        </view>
        <view class='submit' catch:tap="submitPost">
                <view class='blue'>提交</view>
                <view>取消</view>
        </view>
</view>
 
JS部分：
 
Page({
    /**
     * 页面的初始数据
     */
    data: {
        titleDetail: "", //帖子title内容
        content: "", //发帖内容
        tempImg: [], //选择图片的缩略图，临时地址
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        wx.cloud.init();
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },
    /**
     * 检测输入字数
     * @param {object} e 
     */
    textareaCtrl: function (e) {
        if (e.detail.value) {
            this.setData({
                content: e.detail.value
            })
        } else {
            this.setData({
                content: ""
            })
        }
    },
    /**
     * 选择图片
     */
    choosePhoto() {
        let self = this;
        let tempImg = self.data.tempImg;
        if (tempImg.length > 2) {
            return;
        }
        wx.chooseImage({
            count: 3 - tempImg.length, //选择不超过3张照片,去掉当前已经选择的照片
            sizeType: ['original', 'compressed'],
            sourceType: ['album', 'camera'],
            success(res) {
                console.log(res);
                // tempFilePath可以作为img标签的src属性显示图片
                let tempFilePaths = res.tempFilePaths;
                tempImg = tempImg.concat(tempFilePaths);
                console.log(tempImg);
                self.setData({
                    tempImg
                })

                wx.getFileSystemManager().readFile({
                    filePath: tempImg[0],
                    success: buffer => {
                        console.log(buffer.data)
                        wx.cloud.callFunction({
                            name: 'checkContent',
                            data: {
                                value: buffer.data
                            },
                            success(json) {
                                console.log(JSON.stringify(json))
                                console.log(json.result.imageR)
                                if (json.result.imageR.errCode == 87014) {
                                    wx.showToast({
                                        title: '图片含有违法违规内容',
                                        icon: 'none'
                                    });
                                    console.log("bad")
                                } else {
                                    //图片正常
                                }
                            }
                        })
                    }
                })
            },
            fail: err => {
                console.log(err)
            }
        })
    },
    /**
     * 删除照片
     */
    removeImg(e) {
        let self = this;
        let index = e.currentTarget.dataset.index;
        console.log(e);
        let tempImg = self.data.tempImg;
        tempImg.splice(index, 1);
        self.setData({
            tempImg
        })
    },
    /**
     * 发贴
     */
    submitPost(e) {
        let { titleDetail, content } = this.data;
        wx.cloud.callFunction({
            name: 'checkContent',
            data: {
                txt: content
            },
            success(_res) {
                console.log(JSON.stringify(_res))

                wx.navigateTo({
                    url: "/pages/postimg/result"
                })
            },
            fail(_res) {
                console.log(_res)
            }
        })
    }
})
 
往期回顾： 
 [[[打怪升级]小程序评论回复和发贴功能实战（一）](https://segmentfault.com/a/11... 
 [[填坑手册]小程序Canvas生成海报（一）](https://segmentfault.com/a/11... 
 [[拆弹时刻]小程序Canvas生成海报（二）](https://segmentfault.com/a/11... 
 [[填坑手册]小程序目录结构和component组件使用心得](https://segmentfault.com/a/11...
 
 
 
 
 
文章来源：segmentfault，作者：智酷方程式。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：william.shi#ucloud.cn（邮箱中#请改为@）进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

今日需要实现一个发帖功能，找了些APP进行参考，最终选择知乎图文混排的形式发帖，用户体验感更好。
 
看了知乎源码才知道，知乎的发帖是用webview实现的，我们需要原生开发，得自己写一个。
 
先说下实现思路：
 
我们肯定只能用editText控件来实现，那你必须得知道ImageSpan和SpannableString这个两个工具类。
 
我们从相册或照相后得到图片的本地地址，转换成bitmap后传给服务器，然后上传成功后服务器会返回
 
当前图片的网络地址，我们把网络地址放在img标签的src中，就可以实现了。最终将editText的字符串
 
上传给服务器，后台会帮你生成一个HTML，如果你自己来写也是可以的。
 
由于我是直接写在我们项目里的，把代码贴出来：
 
先看布局：
 
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.globalauto_vip_service.community.Issue_Activity">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    >

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="插入图片一" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="插入图片二" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="插入图片三" />
    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="提交" />

</LinearLayout>
<ScrollView
    android:id="@+id/scrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
    <EditText
        android:id="@+id/et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    </LinearLayout>

</ScrollView>
</LinearLayout>
 部分代码: 
 
打开相册选择图片，得到图片的本地地址
 
 
private void InSertIMG2(int i) {
    boolean isKitKatO = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT;
    Intent getAlbum;
    if (isKitKatO) {
        getAlbum = new Intent(Intent.ACTION_OPEN_DOCUMENT);
    } else {
        getAlbum = new Intent(Intent.ACTION_GET_CONTENT);
    }
    getAlbum.setType("image/*");

    startActivityForResult(getAlbum, 0);

}
 

 
 
得到图片地址后应该先上传到服务器，然后在src中写入服务器返回的当前图片地址，我这里就模拟了个网络图片地址
 
现在手机相册的图片都非常大，建议压缩后再放到editText中，不然有点卡，怎么压缩自己搜索，这里没有写
 
 
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    Bitmap bm = null;
    ContentResolver resolver = getContentResolver();

    if (requestCode == 0) {
        try {
            Uri originalUri = data.getData();  //获得图片的uri
            //bitmapUri = originalUri;
            bm = MediaStore.Images.Media.getBitmap(resolver, originalUri);
            //显得到bitmap图片
            bm = Bitmap.createBitmap(bm, 0, 0, bm.getWidth(), bm.getHeight());
            ImageSpan imageSpan = new ImageSpan(Issue_Activity.this, bm);

            String tempUrl = "<img src=\"" + images[k] + "\" />";
            SpannableString spannableString = new SpannableString(tempUrl);

            spannableString.setSpan(imageSpan, 0, tempUrl.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            // 将选择的图片追加到EditText中光标所在位置
            int index = et.getSelectionStart();
            // 获取光标所在位置
            Editable edit_text = et.getEditableText();
            if (index < 0 || index >= edit_text.length()) {
                edit_text.append(spannableString);
                edit_text.insert(index + spannableString.length(), "\n");
            } else {
                edit_text.insert(index, spannableString);
                edit_text.insert(index + spannableString.length(), "\n");
            }
            // et.setSelection(et.length());
            ll.clearFocus();
            ll.setFocusable(true);
            ll.setFocusableInTouchMode(true);
            ll.requestFocus();
            handler.sendEmptyMessage(0);
        } catch (Exception e) {
        }

    }
}

Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        super.handleMessage(msg);
        switch (msg.what) {
            case 0:
                scrollView.fullScroll(ScrollView.FOCUS_DOWN);
                break;
            default:

                break;
        }
    }
};
 

 
 
这是最佳的方式实现了，我将代码贴出来，你们复制粘贴进去就可以用了。 
 
待完善地方：图片压缩上传给服务器、压缩图片放入editText中。
 
如何进行展示：
 
1，后台帮你生成对应的Html。
 
2,自己用textview进行处理后展示。
 

 
 
源码地址：点击打开链接
 

 
 
//------end-------

 
 
 
 
  
 
   
 
  Discuz!发帖预留内容 
  
        
 
         
 
          
 
           
 
            
 
                
 
                 
 
                  
 
                   
 这个是看到站长网(ADMIN5)论坛用到了,那天请教了一下图王,了解了修改方法,今天分享出来.
 演示如下,
 
 
 修改方法:
 打开模板文件templates\default\hempost_newthread.htm 
 
 查找
 
                       
 
                        
 
                         
 $message</textarea></div>
 
                        
 
                        复制代码
                       
 
 
 替换为
  
                       
 
                        
 
                         
 <!--{if $message!=""}-->$message<!--{elseif $fid==15 || $fid==22 || $fid==64 || $fid==65}--><br>【<font color=red>交易主题</font>】：<br /> 
 
 <br />
 
 【<font color=red>具体介绍</font>】：<br /> <br />
 
 【<font color=red>交易价格</font>】：<br /> <br />
 
 【<font color=red>联系方式</font>】：<br>
 
 <br>
 
 <br>
 
 <br>
 
 <DIV>
 
   <DIV><IMG height="29" src="http://bbs.admin5.com/images/019.gif" width="39"></DIV>
 
   <DIV><strong>请 您 注 意</strong></DIV>
 
 
 
 </DIV>
 
 <UL>
 
   <LI>请发帖者务必将你的标题写的更清晰明了，让人一看就明白你的帖子内容是什么，请务用特殊符号 扩大用辞。
 
   <LI>不要在本版发布你的IDC信息广告，发布你的联盟信息广告，违者一律封ID。
 
   <LI>发帖和交易流程请参考 <A href="http://bbs.admin5.com/viewthread.php?tid=9704&extra=page%3D1" target="_blank"><U>论坛中介交易参考流程必读规则</U></A>
 
   <LI>担心任何利用本论坛进行欺骗的行为，购买之前请先查看域名whois.sc 网站所有人，搜索对方的信誉情况  
 
   <LI>需要交易中介请联系站长网中介人QQ：470666（图王）35996213（飞翔的鱼）<a href="http://www.admin5.com/bank">中介指定银行帐户</a> 
 
   <LI>参与本站交易论坛发帖即表明您已经阅读并接受上述条款   
 
   <LI>论坛举报电话：0516-83777726 ， 13013980666, QQ:470666, Email:0051@vip.163.com </LI>
 
 </UL><!--{/if}--></textarea></div>
 
                        
 
                        复制代码
                       
 
 
 
 注意:
  
                       
 
                        

                          代码中的$fid==15 || $fid==22 || $fid==64 || $fid==65 
                         
 15、22、64、65是论坛的ID号，如果你想在特定的板块才显示这些内容,那么就从这里控制.
                         
 
                         
 要注意如果在预留内容中使用了HTML代码,那么请在论坛后台设置默认编辑器为所见即所得模式.